[wip] build proof of concept bottom tab nav bar, difficult to integra…

…te with main page.

src/app/(BottomTabNavigation)/Cases/_layout.tsx

@@ -0,0 +1,5 @@
+import { Stack } from 'expo-router';
+
+export default function CasesLayout() {
+  return <Stack screenOptions={{ headerShown: false }} />;
+}

src/app/(BottomTabNavigation)/Profile/_layout.tsx

@@ -0,0 +1,5 @@
+import { Stack } from 'expo-router';
+
+export default function ProfileLayout() {
+  return <Stack screenOptions={{ headerShown: false }} />;
+}

src/app/(BottomTabNavigation)/_layout.tsx

@@ -2,21 +2,13 @@ import { Tabs } from 'expo-router/tabs';
 
 export default function AppLayout() {
   return (
-    <Tabs screenOptions={{ headerShown: false }}>
+    <Tabs initialRouteName="home" screenOptions={{ headerShown: false }}>
       <Tabs.Screen
-        name="Cases"
+        name="home"
         options={{
-          href: 'Cases/index.tsx',
-          tabBarLabel: 'Cases',
-          title: 'Cases',
-        }}
-      />
-      <Tabs.Screen
-        name="Profile"
-        options={{
-          href: 'Profile/index.tsx',
-          tabBarLabel: 'Profile',
-          title: 'Profile',
+          href: '/home',
+          tabBarLabel: 'Home',
+          title: 'Home',
         }}
       />
     </Tabs>

src/app/(BottomTabNavigation)/home.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Text, View } from 'react-native';
+import styles from './Profile/styles';
+
+export default function HomeScreen() {
+  return (
+    <View style={styles.container}>
+      <Text>This is a test home screen!</Text>
+    </View>
+  );
+}

src/app/_layout.tsx

@@ -1,7 +1,11 @@
-// import { Stack } from 'expo-router';
-import AppLayout from './(BottomTabNavigation)/_layout';
+import { Stack } from 'expo-router';
+// import AppLayout from './(BottomTabNavigation)/_layout';
 
 export default function StackLayout() {
-  return <AppLayout />;
-  // return <Stack screenOptions={{ headerShown: false }} />;
+  // return <AppLayout />;
+  return (
+    <Stack screenOptions={{ headerShown: true }}>
+      <Stack.Screen name="(BottomTabNavigation)" options={{}} />
+    </Stack>
+  );
 }