Merge pull request #15 from Naveen-g09/tab-style

tab name and fonts
Naveen-g09 · Mar 5, 2024 · 5a19004 · 5a19004
2 parents 6d3e83f + f142429
commit 5a19004
Showing 1 changed file with 14 additions and 4 deletions.
diff --git a/app/(tabs)/_layout.tsx b/app/(tabs)/_layout.tsx
@@ -19,10 +19,20 @@ export default function RootLayout() {
   const colorScheme = useColorScheme();
   return (
     <Tabs>
-      <Tabs.Screen name="index" options={{headerShown: false}}/>
-      <Tabs.Screen name="category" options={{headerShown: false}}/>
-      <Tabs.Screen name="community" options={{headerShown: false}}/>
-      <Tabs.Screen name="account" options={{headerShown: false}}/>
+      <Tabs.Screen name="index" 
+      options={{
+        title: "Home",
+        tabBarIcon: (props) => <TabBarIcon {...props} name="home" />,
+        headerShown: false}}/>
+      <Tabs.Screen name="category" options={{
+        tabBarIcon: (props) => <TabBarIcon {...props} name="list" />,
+        headerShown: false}}/>
+      <Tabs.Screen name="community" options={{
+        tabBarIcon: (props) => <TabBarIcon {...props} name="users" />,
+        headerShown: false}}/>
+      <Tabs.Screen name="account" options={{
+        tabBarIcon: (props) => <TabBarIcon {...props} name="user" />,
+        headerShown: false}}/>
     </Tabs>
   );
 }