navigation

calblueprint · Oct 6, 2024 · da3f451 · da3f451
1 parent ca5e439
commit da3f451
Show file tree

Hide file tree

Showing 4 changed files with 78 additions and 177 deletions.
diff --git a/App.tsx b/App.tsx
@@ -1,22 +1,22 @@
 import * as React from 'react';
+import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
 import { NavigationContainer } from '@react-navigation/native';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
 import HealingResources from '@/HealingResources';
 import Home from '@/Home';
 import LegalRights from '@/LegalRights';
 import SeekHelp from '@/SeekHelp';
 
-const Stack = createNativeStackNavigator();
+const Tab = createBottomTabNavigator();
 
 export default function App() {
   return (
     <NavigationContainer independent={true}>
-      <Stack.Navigator initialRouteName="Home">
-        <Stack.Screen name="Home" component={Home} />
-        <Stack.Screen name="Healing Resources" component={HealingResources} />
-        <Stack.Screen name="Legal Rights" component={LegalRights} />
-        <Stack.Screen name="Seek Help" component={SeekHelp} />
-      </Stack.Navigator>
+      <Tab.Navigator initialRouteName="Home">
+        <Tab.Screen name="Home" component={Home} />
+        <Tab.Screen name="Legal Rights" component={LegalRights} />
+        <Tab.Screen name="Healing Resources" component={HealingResources} />
+        <Tab.Screen name="Seek Help" component={SeekHelp} />
+      </Tab.Navigator>
     </NavigationContainer>
   );
 }