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.
109 lines
3.5 KiB
109 lines
3.5 KiB
import HomeScreen from "@/app/HomeScreen";
|
|
import {AntDesign, Entypo, MaterialCommunityIcons, MaterialIcons} from "@expo/vector-icons";
|
|
import ProfileScreen from "@/app/ProfileScreen";
|
|
import React from "react";
|
|
import {createBottomTabNavigator} from "@react-navigation/bottom-tabs";
|
|
|
|
export default function NavBar() {
|
|
const BottomTabNavigator = createBottomTabNavigator();
|
|
return (
|
|
<BottomTabNavigator.Navigator
|
|
initialRouteName="Home"
|
|
screenOptions={{
|
|
headerShown: false,
|
|
tabBarShowLabel: false,
|
|
tabBarStyle: {
|
|
height: 75,
|
|
backgroundColor: "#f9f9f9",
|
|
},
|
|
tabBarActiveTintColor: "black",
|
|
tabBarInactiveTintColor: "#8e8e93",
|
|
tabBarItemStyle: {
|
|
borderRadius: 50,
|
|
},
|
|
}}
|
|
>
|
|
<BottomTabNavigator.Screen
|
|
name="Home"
|
|
component={HomeScreen}
|
|
options={{
|
|
|
|
|
|
tabBarIcon: ({ color, size, focused }) => (
|
|
<MaterialIcons
|
|
name="home"
|
|
color={focused ? "black" : color}
|
|
size={focused ? size + 4 : size}
|
|
/>
|
|
|
|
),
|
|
}}
|
|
/>
|
|
|
|
<BottomTabNavigator.Screen
|
|
name="Exercice"
|
|
component={ProfileScreen}
|
|
options={{
|
|
tabBarIcon: ({ color, size, focused }) => (
|
|
<MaterialCommunityIcons
|
|
name="dumbbell"
|
|
size={focused ? size + 4 : size}
|
|
color={focused ? "black" : color}
|
|
/>
|
|
),
|
|
}}
|
|
/>
|
|
|
|
<BottomTabNavigator.Screen
|
|
name="Add"
|
|
component={ProfileScreen}
|
|
options={{
|
|
tabBarIcon: ({ color, size, focused }) => (
|
|
<Entypo
|
|
name="plus"
|
|
size={focused ? size + 6 : size}
|
|
color='white'
|
|
/>
|
|
),
|
|
tabBarItemStyle: {
|
|
borderRadius: 50,
|
|
backgroundColor: "orange",
|
|
},
|
|
}}
|
|
/>
|
|
|
|
<BottomTabNavigator.Screen
|
|
name="Help"
|
|
component={ProfileScreen}
|
|
options={{
|
|
tabBarIcon: ({ color, size, focused }) => (
|
|
<AntDesign
|
|
name="question"
|
|
size={focused ? size + 2 : size} // Augmente la taille si actif
|
|
color={focused ? "black" : color}
|
|
/>
|
|
),
|
|
}}
|
|
/>
|
|
|
|
<BottomTabNavigator.Screen
|
|
name="Settings"
|
|
component={ProfileScreen}
|
|
|
|
options={{
|
|
|
|
|
|
tabBarIcon: ({ color, size, focused }) => (
|
|
<MaterialIcons
|
|
name="account-circle"
|
|
size={focused ? size + 3 : size}
|
|
color={focused ? "black" : color}
|
|
/>
|
|
|
|
|
|
),
|
|
}}
|
|
/>
|
|
</BottomTabNavigator.Navigator>
|
|
);
|
|
} |