M E R G E

app/(tabs)/_layout.tsx

@@ -7,8 +7,10 @@ import { HapticTab } from '@/components/haptic-tab';
 import { IconSymbol } from '@/components/ui/icon-symbol';
 import { Colors } from '@/constants/theme';
 import { useColorScheme } from '@/hooks/use-color-scheme';
-import TabTwoScreen from './mapScreen';
-import HomeScreen from './bonjourFL';
+import TabTwoScreen from './index';
+import HomeScreen from './explore';
+import ListMateriel from './gestionnaire_ressource';
+import BonjourScreen from './bonjourFL';
 
 const Tabs = createBottomTabNavigator();
 
@@ -17,27 +19,40 @@ export default function TabLayout() {
 
   return (
     <Tabs.Navigator
+      initialRouteName='explore'
       screenOptions={{
         tabBarActiveTintColor: Colors[colorScheme ?? 'light'].tint,
         headerShown: false,
         tabBarButton: HapticTab,
       }}>
+
+        <Tabs.Screen
+        name="gestionnaire_ressource"
+        component={ListMateriel}
+        options={{
+          title: 'Ressources',
+          tabBarIcon: ({ color }) => (
+            <IconSymbol size={28} name="hammer.fill" color={color} />
+          ),
+        }}
+      />
       <Tabs.Screen
         name="bonjourFL"
-        component={HomeScreen}
+        component={BonjourScreen}
         options={{
           title: 'Bonjour',
           tabBarIcon: ({ color }) => <IconSymbol size={28} name="house.fill" color={color} />,
         }}
       />
       <Tabs.Screen
-        name="mapScreen"
+        name="explore"
+        component={HomeScreen}
         options={{
           title: 'MapScreen',
           tabBarIcon: ({ color }) => <IconSymbol size={28} name="paperplane.fill" color={color} />,
         }}
       >
-        {() => <TabTwoScreen/>}
+
       </Tabs.Screen>
       
     </Tabs.Navigator>