FIX: réparation warn screen same name nested

bob_party/src/navigation/AppNavigator.tsx

@@ -67,10 +67,10 @@ function MainTabNavigator() {
         backBehavior='none'
         screenOptions={{headerShown: false, tabBarStyle: { display: 'none' },}}
         >
-        <Tab.Screen name='Home' component={HomeStackScreen} />
-        <Tab.Screen name='Store' component={StoreStackScreen} />
-        <Tab.Screen name='Chat' component={ChatStackScreen} />
-        <Tab.Screen name='Profile' component={Profile} />
+        <Tab.Screen name='HomeTab' component={HomeStackScreen} />
+        <Tab.Screen name='StoreTab' component={StoreStackScreen} />
+        <Tab.Screen name='ChatTab' component={ChatStackScreen} />
+        <Tab.Screen name='ProfileTab' component={ProfileStackScreen} />
         <Tab.Screen name='Test' component={Test} />
       </Tab.Navigator>
     </NavigationContainer>

bob_party/src/screens/Chat.tsx

@@ -13,7 +13,7 @@ function Store(props: { navigation: any; }) {
     return (
     <View style={styles.container}>
       <View style={styles.header}>
-        <Pressable onPress={() => navigation.navigate('Profile')}>
+        <Pressable onPress={() => navigation.navigate('ProfileTab')}>
           <Image
           style={styles.avatar}
           source={avatar}
@@ -37,13 +37,13 @@ function Store(props: { navigation: any; }) {
           source={message}
           />
         </Pressable>
-        <Pressable onPress={() => navigation.navigate('Home')}>
+        <Pressable onPress={() => navigation.navigate('HomeTab')}>
           <Image
           style={styles.iconFooter}
           source={gamepad}
           />
         </Pressable>
-        <Pressable onPress={() => navigation.navigate('Store')}>
+        <Pressable onPress={() => navigation.navigate('StoreTab')}>
           <Image
           style={styles.iconStore}
           source={store}

bob_party/src/screens/Home.tsx

@@ -18,7 +18,7 @@ function Home(props: { navigation: any; }) {
     return (
     <View style={styles.container}>
       <View style={styles.header}>
-        <Pressable onPress={() => navigation.navigate('Profile')}>
+        <Pressable onPress={() => navigation.navigate('ProfileTab')}>
         <SkinComponent skin={skinTest} children={styles.avatar} />
         </Pressable>
         <Text style={styles.titre}>BOB PARTY</Text>
@@ -40,7 +40,7 @@ function Home(props: { navigation: any; }) {
         />
       </View>
       <View style={styles.footer}>
-        <Pressable onPress={() => navigation.navigate('Chat')}>
+        <Pressable onPress={() => navigation.navigate('ChatTab')}>
           <Image
           style={styles.iconFooter}
           source={message}
@@ -52,7 +52,7 @@ function Home(props: { navigation: any; }) {
           source={gamepad}
           />
         </Pressable>
-        <Pressable onPress={() => navigation.navigate('Store')}>
+        <Pressable onPress={() => navigation.navigate('StoreTab')}>
           <Image
           style={styles.iconStore}
           source={store}

bob_party/src/screens/Profile.tsx

@@ -31,19 +31,19 @@ function Store(props: { navigation: any; }) {
         <Text style={styles.text}>couille</Text>
       </View>
       <View style={styles.footer}>
-        <Pressable onPress={() => navigation.navigate('Chat')}>
+        <Pressable onPress={() => navigation.navigate('ChatTab')}>
           <Image
           style={styles.iconFooter}
           source={message}
           />
         </Pressable>
-        <Pressable onPress={() => navigation.navigate('Home')}>
+        <Pressable onPress={() => navigation.navigate('HomeTab')}>
           <Image
           style={styles.iconFooter}
           source={gamepad}
           />
         </Pressable>
-        <Pressable onPress={() => navigation.navigate('Store')}>
+        <Pressable onPress={() => navigation.navigate('StoreTab')}>
           <Image
           style={styles.iconStore}
           source={store}

bob_party/src/screens/Store.tsx

@@ -13,7 +13,7 @@ function Store(props: { navigation: any; }) {
     return (
     <View style={styles.container}>
       <View style={styles.header}>
-        <Pressable onPress={() => navigation.navigate('Profile')}>
+        <Pressable onPress={() => navigation.navigate('ProfileTab')}>
           <Image
           style={styles.avatar}
           source={avatar}
@@ -31,13 +31,13 @@ function Store(props: { navigation: any; }) {
         <Text style={styles.text}>couille</Text>
       </View>
       <View style={styles.footer}>
-        <Pressable onPress={() => navigation.navigate('Chat')}>
+        <Pressable onPress={() => navigation.navigate('ChatTab')}>
           <Image
           style={styles.iconFooter}
           source={message}
           />
         </Pressable>
-        <Pressable onPress={() => navigation.navigate('Home')}>
+        <Pressable onPress={() => navigation.navigate('HomeTab')}>
           <Image
           style={styles.iconFooter}
           source={gamepad}