You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
45 lines
2.0 KiB
45 lines
2.0 KiB
import { StatusBar } from 'expo-status-bar';
|
|
import { StyleSheet, Text, View, Button } from 'react-native';
|
|
import React, { useState } from "react";
|
|
|
|
import { NavigationContainer } from '@react-navigation/native';
|
|
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
|
|
|
|
import HomeScreen from '../screens/HomeScreen';
|
|
import ListScreen from '../screens/ListScreen';
|
|
import ListFav from '../screens/ListFav';
|
|
|
|
import TabBarIcon from '../components/TabBarIcon';
|
|
import StackNavigation from './StackNavigation';
|
|
|
|
|
|
|
|
|
|
export default function Navigation() {
|
|
const BottomTabNavigator = createBottomTabNavigator();
|
|
return (
|
|
<NavigationContainer>
|
|
<BottomTabNavigator.Navigator initialRouteName="Home">
|
|
<BottomTabNavigator.Screen name="List" component={ListScreen}
|
|
options={{
|
|
title: 'List',
|
|
tabBarIcon: ({color}) => <TabBarIcon name="th-large" color={color}/>,
|
|
}}/>
|
|
<BottomTabNavigator.Screen name="Home" component={StackNavigation}
|
|
options={{
|
|
title: 'Home',
|
|
tabBarIcon: ({color}) => <TabBarIcon name="home" color={color}/>,
|
|
headerShown: false
|
|
}}
|
|
/>
|
|
<BottomTabNavigator.Screen name="ListFav" component={ListFav}
|
|
options={{
|
|
title: 'Liste de Favoris ♥',
|
|
tabBarIcon: ({color}) => <TabBarIcon name="heart" color={color}/>,
|
|
}}/>
|
|
</BottomTabNavigator.Navigator>
|
|
</NavigationContainer>
|
|
)
|
|
}
|
|
|