Merge pull request #15 from fullsizemalt/claude/init-react-native-expo-01S6SmBCfCVdPkHN7d9bTi5V

Initialize React Native mobile app with Expo

mobile/app/(auth)/_layout.tsx

@@ -6,7 +6,7 @@ export default function AuthLayout() {
       screenOptions={{
         headerShown: false,
         gestureEnabled: false,
-        animationEnabled: true,
+        animation: 'slide_from_right',
       }}
     >
       <Stack.Screen name="login" />

mobile/app/_layout.tsx

@@ -13,7 +13,7 @@ export default function RootLayout() {
 
   return (
     <>
-      <StatusBar barStyle="dark-content" />
+      <StatusBar style="dark" />
       <Stack>
         <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
         <Stack.Screen name="(auth)" options={{ headerShown: false }} />

mobile/package.json

@@ -16,16 +16,22 @@
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
-    "react": "^18.2.0",
-    "react-native": "^0.73.0",
-    "expo": "^51.0.0",
-    "expo-router": "^3.4.0",
-    "expo-constants": "~15.4.0",
-    "expo-linking": "~6.0.0",
     "@tanstack/react-query": "^5.25.0",
     "axios": "^1.6.0",
-    "zustand": "^4.4.0",
-    "typescript": "^5.3.0"
+    "expo": "^51.0.0",
+    "expo-constants": "~15.4.0",
+    "expo-linking": "~6.0.0",
+    "expo-router": "^3.4.0",
+    "expo-splash-screen": "^31.0.11",
+    "expo-status-bar": "~1.12.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-native": "^0.73.0",
+    "react-native-safe-area-context": "^5.6.2",
+    "react-native-screens": "^4.18.0",
+    "react-native-web": "^0.19.13",
+    "typescript": "^5.3.0",
+    "zustand": "^4.4.0"
   },
   "devDependencies": {
     "@types/node": "^20.10.0",

mobile/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "compilerOptions": {},
+  "extends": "expo/tsconfig.base"
+}