From 11832a418c6a83712972554f4c8df2f0f01b2f20 Mon Sep 17 00:00:00 2001
From: Thomas Chazot <tchazot63@gmail.com>
Date: Fri, 10 Mar 2023 08:35:10 +0100
Subject: [PATCH] Des jolies icons

---
 iut-expo-starter/navigation/TabNavigation.tsx | 22 ++++++++++++-------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/iut-expo-starter/navigation/TabNavigation.tsx b/iut-expo-starter/navigation/TabNavigation.tsx
index a173226d..a593da73 100644
--- a/iut-expo-starter/navigation/TabNavigation.tsx
+++ b/iut-expo-starter/navigation/TabNavigation.tsx
@@ -4,22 +4,28 @@ import React from "react";
 import CityList from "../screens/CityList";
 import Home from "../screens/Home";
 import StackNavigation from "./StackNavigation";
+import { AntDesign } from '@expo/vector-icons';
+import { Ionicons } from '@expo/vector-icons';
 
 export default function TabNavigation() {
+
     const BottomTabNavigator = createBottomTabNavigator();
     return (
         <NavigationContainer>
-            <BottomTabNavigator.Navigator initialRouteName="Home" >
-                <BottomTabNavigator.Screen name="Home" component={Home}
+            <BottomTabNavigator.Navigator initialRouteName="Favorite City" >
+                <BottomTabNavigator.Screen name="Favorite City" component={Home}
+                            options={{
+                                title: 'Favorite City',
+                                headerShown: false,
+                                tabBarIcon: ({color}) => <AntDesign name="home" size={24} color="black" />
+                            }}/>
+                <BottomTabNavigator.Screen name="City List" component={StackNavigation}
                             options={{
-                                title: 'Home',
                                 headerShown: false,
+                                title: 'City List',
+                                tabBarIcon: ({color}) => <Ionicons name="menu-sharp" size={24} color="black" />
+                                
                             }}/>
-                <BottomTabNavigator.Screen name="Stack" component={StackNavigation}
-                                            options={{
-                                                headerShown: false,
-                                                title: 'Stack',
-                                            }}/>
             </BottomTabNavigator.Navigator>
         </NavigationContainer>
     )