tp8

JokesApp/navigation/Navigation.tsx

@@ -8,7 +8,7 @@ import {AccueilScreen} from "../screens/AccueilScreen";
 import {AddJokeScreen} from "../screens/AddJokeScreen";
 import {SettingsScreen} from "../screens/SettingsScreen";
 import {JokeListItems} from "../components/ListeJokeComponent";
-import StackNavigation from "./StackNavigation";
+import {CatalogueScreen, FavoriteScreen} from "./StackNavigation";
 const homeIcon = require("../assets/home_icon.png");
 const listIcon = require("../assets/list_icon.png");
 const addIcon = require("../assets/add_icon.png");
@@ -58,7 +58,7 @@ export function Navigation(){
                                                    />
                                                )
                                            }}/>
-                <BottomTabNavigator.Screen name="Catalogue" component={StackNavigation}
+                <BottomTabNavigator.Screen name="Catalogue" component={CatalogueScreen}
                                            options={{
                                                tabBarIcon: ({focused}) => (
                                                    <Image source={listIcon}
@@ -79,13 +79,14 @@ export function Navigation(){
 
                                            }}/>
 
-                <BottomTabNavigator.Screen name="Favoris" component={ListFavoriteJokeScreen}
+                <BottomTabNavigator.Screen name="Favoris" component={FavoriteScreen}
                                            options={{
                                                tabBarIcon: ({focused}) => (
                                                    <Image source={favIcon}
                                                           style={{ tintColor: focused ? darksalmonColor : purpleColor }}
                                                    />
-                                               )
+                                               ),
+                                               headerShown: false,
                                            }}/>
                 <BottomTabNavigator.Screen name="Paramètres" component={SettingsScreen}
                                            options={{

JokesApp/navigation/StackNavigation.tsx

@@ -6,9 +6,10 @@ import {DetailJoke} from "../components/DetailJoke";
 import JokeDetailScreen from "../screens/JokeDetailScreen";
 import {ListJokeScreen} from "../screens/ListJokeScreen";
 import {darksalmonColor, indigo, purpleColor} from "../Theme";
+import {ListFavoriteJokeScreen} from "../screens/ListFavoriteJokeScreen";
 
-export default function StackNavigation() {
 
+export function CatalogueScreen(){
 const Stack = createStackNavigator();
 return(
     <Stack.Navigator initialRouteName="CatalogueStack" screenOptions={
@@ -33,5 +34,32 @@ export default function StackNavigation() {
             <Stack.Screen name="JokeDetail" component={JokeDetailScreen} options={{ headerTitle: 'Detail d une blague' }
             } />
     </Stack.Navigator>
+)}
+
+export function FavoriteScreen(){
+    const Stack = createStackNavigator();
+    return(
+        <Stack.Navigator initialRouteName="FavoriteStack" screenOptions={
+            {
+                headerTitleStyle: {
+                    fontSize: 24,
+                    fontWeight: 'bold',
+                    color: darksalmonColor,
+
+                },
+                headerStyle: {
+                    backgroundColor: indigo,
+
+                },
+                headerTitle : "Favoris",
+                headerBackTitleVisible: false,
+                headerTintColor: darksalmonColor,
+            }
+
+        }>
+            <Stack.Screen name="FavoriteStack" component={ListFavoriteJokeScreen} options={{ headerTitle: 'Favoris' }}/>
+            <Stack.Screen name="JokeDetail" component={JokeDetailScreen} options={{ headerTitle: 'Detail d une blague' }
+            } />
+        </Stack.Navigator>
     )
 }