Bottom Navbar icons fixed in order for UG view

keshihan019 · Mar 1, 2024 · 1f7c18d · 1f7c18d
1 parent 2640689
commit 1f7c18d
Showing 1 changed file with 14 additions and 13 deletions.
diff --git a/Navigation/UndergraduateView/tabs.js b/Navigation/UndergraduateView/tabs.js
@@ -35,24 +35,25 @@ const Tabs = () => {
                 },
             }}
         >
-            <Tab.Screen name="Home" component={Home} options = {{
+            <Tab.Screen name="Register" component={RegisterScreen} options = {{
                 tabBarIcon: ({focused}) => (
                     <View style={{alignItems: 'center', justifyContent: 'center', top: 10}}>
                         <Image 
-                            source={HomeIcon}
+                            source={SettingsIcon}
                             resizeMode="contain"
                             style={{
                                 width: 25,
                                 height: 25,
                                 tintColor: focused ? '#019F99' : '#748c94'
                             }}
                         />
-                        <Text style={{color: focused ? '#019F99' : '#748c94', fontSize: 12}}>
-                            Home
+                        <Text style={{color: focused ? '#019F99' : '#748c94', fontSize: 12,textAlign:'center'}}>
+                            Settings
                         </Text>
                     </View>
                 )
-            }} />
+            }}
+            />
             <Tab.Screen name="Login" component={LoginScreen} options = {{
                 tabBarIcon: ({focused}) => (
                     <View style={{alignItems: 'center', justifyContent: 'center', top: 10}}>
@@ -71,26 +72,26 @@ const Tabs = () => {
                     </View>
                 )
             }}
-                />
-            <Tab.Screen name="Register" component={RegisterScreen} options = {{
+            />           
+            <Tab.Screen name="Home" component={Home} options = {{
                 tabBarIcon: ({focused}) => (
                     <View style={{alignItems: 'center', justifyContent: 'center', top: 10}}>
                         <Image 
-                            source={SettingsIcon}
+                            source={HomeIcon}
                             resizeMode="contain"
                             style={{
                                 width: 25,
                                 height: 25,
                                 tintColor: focused ? '#019F99' : '#748c94'
                             }}
                         />
-                        <Text style={{color: focused ? '#019F99' : '#748c94', fontSize: 12,textAlign:'center'}}>
-                            Settings
+                        <Text style={{color: focused ? '#019F99' : '#748c94', fontSize: 12}}>
+                            Home
                         </Text>
                     </View>
                 )
             }}
-                 />
+            />
             <Tab.Screen name="Options" component={OptionsSelection} options = {{
                 tabBarIcon: ({focused}) => (
                     <View style={{alignItems: 'center', justifyContent: 'center', top: 10}}>
@@ -109,7 +110,7 @@ const Tabs = () => {
                     </View>
                 )
             }}
-                />
+            />
             <Tab.Screen name="Job" component={JobSelection} options = {{
                 tabBarIcon: ({focused}) => (
                     <View style={{alignItems: 'center', justifyContent: 'center', top: 10}}>
@@ -128,7 +129,7 @@ const Tabs = () => {
                     </View>
                 )
             }}
-                />
+            />
         </Tab.Navigator>
     );
 }