feat: scaffold Expo Prebuild project with all v1 screens and services

Sets up the full bincio-rec source tree: Zustand recording store with haversine stats, background GPS via expo-task-manager, BLE scan/subscribe for HR and power, GPX writer with Garmin extensions, SQLite recordings list, multipart upload to bincio-activity, React Navigation stack with bottom tabs, and build instructions in README.md. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-06-02 22:16:56 +02:00
parent ee28cb0c30
commit 896b528a4c
18 changed files with 2048 additions and 60 deletions
@@ -0,0 +1,63 @@
+import React from 'react';
+import { NavigationContainer } from '@react-navigation/native';
+import { createNativeStackNavigator } from '@react-navigation/native-stack';
+import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
+import { Text } from 'react-native';
+
+import { RecordingScreen } from '../screens/RecordingScreen';
+import { PostRecordingScreen } from '../screens/PostRecordingScreen';
+import { SensorPairingScreen } from '../screens/SensorPairingScreen';
+import { SavedRecordingsScreen } from '../screens/SavedRecordingsScreen';
+import { SettingsScreen } from '../screens/SettingsScreen';
+import { RootStackParamList, TabParamList } from '../types';
+
+const Stack = createNativeStackNavigator<RootStackParamList>();
+const Tab = createBottomTabNavigator<TabParamList>();
+
+function Tabs() {
+  return (
+    <Tab.Navigator
+      screenOptions={{
+        headerStyle: { backgroundColor: '#111' },
+        headerTintColor: '#fff',
+        tabBarStyle: { backgroundColor: '#111', borderTopColor: '#222' },
+        tabBarActiveTintColor: '#3b82f6',
+        tabBarInactiveTintColor: '#555',
+      }}
+    >
+      <Tab.Screen
+        name="Recording"
+        component={RecordingScreen}
+        options={{ tabBarIcon: ({ color }) => <Text style={{ color, fontSize: 20 }}>⏺</Text> }}
+      />
+      <Tab.Screen
+        name="Saved"
+        component={SavedRecordingsScreen}
+        options={{ tabBarIcon: ({ color }) => <Text style={{ color, fontSize: 20 }}>📋</Text> }}
+      />
+      <Tab.Screen
+        name="Settings"
+        component={SettingsScreen}
+        options={{ tabBarIcon: ({ color }) => <Text style={{ color, fontSize: 20 }}>⚙️</Text> }}
+      />
+    </Tab.Navigator>
+  );
+}
+
+export function AppNavigator() {
+  return (
+    <NavigationContainer>
+      <Stack.Navigator
+        screenOptions={{
+          headerStyle: { backgroundColor: '#111' },
+          headerTintColor: '#fff',
+          contentStyle: { backgroundColor: '#111' },
+        }}
+      >
+        <Stack.Screen name="Tabs" component={Tabs} options={{ headerShown: false }} />
+        <Stack.Screen name="PostRecording" component={PostRecordingScreen} options={{ title: 'Save Recording', presentation: 'modal' }} />
+        <Stack.Screen name="SensorPairing" component={SensorPairingScreen} options={{ title: 'Sensors', presentation: 'modal' }} />
+      </Stack.Navigator>
+    </NavigationContainer>
+  );
+}