Initial commit

app/(tabs)/_layout.tsx

@@ -0,0 +1,34 @@
+import { Tabs } from 'expo-router';
+import Ionicons from '@expo/vector-icons/Ionicons';
+import { useTheme } from 'react-native-paper';
+
+
+export default function TabLayout() {
+  const theme = useTheme();
+  console.log(theme.colors);
+  return (
+    <Tabs  screenOptions ={{ 
+      tabBarInactiveTintColor: theme.colors.primary,
+      tabBarActiveTintColor:theme.colors.onPrimary, 
+      tabBarStyle: {
+        backgroundColor: theme.colors.primaryContainer,
+        borderTopWidth: 0,
+      },
+      headerStyle: {
+        backgroundColor: theme.colors.primaryContainer,
+        borderBottomWidth:0
+      },
+      headerTintColor: theme.colors.primary,
+      }}>
+      <Tabs.Screen name="index" options={{ title: 'Home',tabBarIcon: ({ color, focused }) => (
+            <Ionicons name={focused ? 'home-sharp' : 'home-outline'} color={color} size={24} />
+          ), }} />
+      <Tabs.Screen name="location" options={{ title: 'Location' ,tabBarIcon: ({ color, focused }) => (
+            <Ionicons name={focused ? 'location-sharp' : 'location-outline'} color={color} size={24} />
+          ),}} />
+      <Tabs.Screen name="formScreen" options={{title: 'Create/Edit'  ,tabBarIcon: ({ color, focused }) => (
+            <Ionicons name={focused ? 'add-circle-sharp' : 'add-circle-outline'} color={color} size={24} />
+          ),}} />
+    </Tabs>
+  );
+}

app/(tabs)/formScreen.tsx

@@ -0,0 +1,21 @@
+import { Text, View, StyleSheet } from 'react-native';
+
+export default function FormScreen() {
+  return (
+    <View style={styles.container}>
+      <Text style={styles.text}>Form</Text>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#25292e',
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  text: {
+    color: '#fff',
+  },
+});

app/(tabs)/index.tsx

@@ -0,0 +1,23 @@
+import { Text, View, StyleSheet } from 'react-native';
+import { useTheme } from 'react-native-paper';
+
+export default function Index() {
+const theme = useTheme();
+  return (
+    <View style={[styles.container, {backgroundColor: theme.colors.background}]}>
+
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#25292e',
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  text: {
+    color: '#fff',
+  },
+});

app/(tabs)/location.tsx

@@ -0,0 +1,21 @@
+import { Text, View, StyleSheet } from 'react-native';
+
+export default function Location() {
+  return (
+    <View style={styles.container}>
+      <Text style={styles.text}>Location View</Text>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#25292e',
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  text: {
+    color: '#fff',
+  },
+});

app/_layout.tsx

@@ -0,0 +1,19 @@
+import { Stack } from 'expo-router';
+import { useColorScheme } from 'react-native';
+import { PaperProvider} from 'react-native-paper';
+import { MD3LightTheme, MD3DarkTheme } from 'react-native-paper';
+
+const colorScheme = useColorScheme();
+const theme = colorScheme === 'dark' ? MD3DarkTheme :
+MD3LightTheme;
+
+console.log(colorScheme)
+export default function RootLayout() {
+  return (
+    <PaperProvider theme={theme} >
+        <Stack>
+          <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
+        </Stack>
+    </PaperProvider>
+  );
+}