feat: Phase 0 mobile app scaffold — Expo 55, SQLite, Feed/Import/Settings screens

2026-04-24 10:39:06 +02:00
parent 565f5a3ff1
commit b37df88fe1
17 changed files with 1076 additions and 0 deletions
@@ -0,0 +1,32 @@
+import { Tabs } from 'expo-router';
+
+export default function TabLayout() {
+  return (
+    <Tabs
+      screenOptions={{
+        headerShown: false,
+        tabBarStyle: { backgroundColor: '#18181b', borderTopColor: '#27272a' },
+        tabBarActiveTintColor: '#60a5fa',
+        tabBarInactiveTintColor: '#71717a',
+      }}
+    >
+      <Tabs.Screen
+        name="index"
+        options={{ title: 'Feed', tabBarIcon: ({ color }) => <TabIcon label="⬡" color={color} /> }}
+      />
+      <Tabs.Screen
+        name="import"
+        options={{ title: 'Import', tabBarIcon: ({ color }) => <TabIcon label="↑" color={color} /> }}
+      />
+      <Tabs.Screen
+        name="settings"
+        options={{ title: 'Settings', tabBarIcon: ({ color }) => <TabIcon label="⚙" color={color} /> }}
+      />
+    </Tabs>
+  );
+}
+
+function TabIcon({ label, color }: { label: string; color: string }) {
+  const { Text } = require('react-native');
+  return <Text style={{ color, fontSize: 18 }}>{label}</Text>;
+}