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.
54 lines
2.1 KiB
54 lines
2.1 KiB
import {Stack, Tabs} from "expo-router";
|
|
|
|
import "../global.css";
|
|
import { GluestackUIProvider } from "./src/components/ui/gluestack-ui-provider";
|
|
import HomeScreen from "@/src/screen/HomeScreen";
|
|
import ProfileScreen from "@/src/screen/ProfileScreen";
|
|
import React from "react";
|
|
import Navigation from "@/src/navigation/navigation";
|
|
import {SafeAreaView} from "react-native";
|
|
import {createBottomTabNavigator} from "@react-navigation/bottom-tabs";
|
|
import {AntDesign, MaterialIcons} from "@expo/vector-icons";
|
|
export default function RootLayout() {
|
|
const BottomTabNavigator = createBottomTabNavigator();
|
|
return (
|
|
<GluestackUIProvider>
|
|
|
|
<BottomTabNavigator.Navigator initialRouteName={"Home"}
|
|
screenOptions={{
|
|
headerShown: false, // Désactive les en-têtes si vous voulez uniquement les onglets
|
|
tabBarActiveTintColor: '#007AFF', // Couleur des icônes actives
|
|
tabBarInactiveTintColor: '#8e8e93', // Couleur des icônes inactives
|
|
}}>
|
|
|
|
<BottomTabNavigator.Screen
|
|
name="Home"
|
|
component={HomeScreen}
|
|
options={{
|
|
title: 'Accueil',
|
|
tabBarIcon: ({ color, size }) => (
|
|
<MaterialIcons name="home" color={color} size={size} />
|
|
),
|
|
}}
|
|
/>
|
|
<BottomTabNavigator.Screen name={"Settings"} component={ProfileScreen}
|
|
options={{
|
|
title: 'Profile',
|
|
tabBarIcon: ({ color, size }) => (
|
|
<MaterialIcons name="account-circle" size={24} color={color} />
|
|
),
|
|
}}/>
|
|
|
|
|
|
</BottomTabNavigator.Navigator>
|
|
</GluestackUIProvider>
|
|
);
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|