set up basic nav w expo router

App.tsx

@@ -1,24 +1,24 @@
-import { NavigationContainer } from '@react-navigation/native';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-import React from 'react';
-import WelcomeScreen from './src/screens/Authentication/Welcome/Welcome';
-import CasesScreen from './src/screens/Cases/Cases';
-import ProfileScreen from './src/screens/Profile/Profile';
-import QRCodeScannerScreen from './src/screens/QRCodeScanner/QRCodeScanner';
-import UpdatesScreen from './src/screens/Updates/Updates';
-import { RootStackParamList } from './src/types/types';
+// import { NavigationContainer } from '@react-navigation/native';
+// import { createNativeStackNavigator } from '@react-navigation/native-stack';
+// import React from 'react';
+// import WelcomeScreen from './src/screens/Authentication/Welcome/Welcome';
+// import CasesScreen from './src/screens/Cases/Cases';
+// import ProfileScreen from './src/screens/Profile/Profile';
+// import QRCodeScannerScreen from './src/screens/QRCodeScanner/QRCodeScanner';
+// import UpdatesScreen from './src/screens/Updates/Updates';
+// import { RootStackParamList } from './src/types/types';
 
-export default function App() {
-  const Stack = createNativeStackNavigator<RootStackParamList>();
-  return (
-    <NavigationContainer>
-      <Stack.Navigator>
-        <Stack.Screen name="Cases" component={CasesScreen} />
-        <Stack.Screen name="Welcome" component={WelcomeScreen} />
-        <Stack.Screen name="QRCodeScanner" component={QRCodeScannerScreen} />
-        <Stack.Screen name="Updates" component={UpdatesScreen} />
-        <Stack.Screen name="Profile" component={ProfileScreen} />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
+// export default function App() {
+//   const Stack = createNativeStackNavigator<RootStackParamList>();
+//   return (
+//     <NavigationContainer>
+//       <Stack.Navigator>
+//         <Stack.Screen name="Cases" component={CasesScreen} />
+//         <Stack.Screen name="Welcome" component={WelcomeScreen} />
+//         <Stack.Screen name="QRCodeScanner" component={QRCodeScannerScreen} />
+//         <Stack.Screen name="Updates" component={UpdatesScreen} />
+//         <Stack.Screen name="Profile" component={ProfileScreen} />
+//       </Stack.Navigator>
+//     </NavigationContainer>
+//   );
+// }

app.json

@@ -23,6 +23,8 @@
     },
     "web": {
       "favicon": "./assets/favicon.png"
-    }
+    },
+    "plugins": ["expo-router"],
+    "scheme": "your-app-scheme"
   }
 }

babel.config.js

@@ -2,5 +2,6 @@ module.exports = api => {
   api.cache(true);
   return {
     presets: ['babel-preset-expo'],
+    plugins: ['expo-router/babel'],
   };
 };