rendering dummy tabs, acceuils, tranasactions, ...

App.tsx

+import { MyTabs } from "@/navigations/BottomTabs";
 import theme from "@/themes/Theme";
-import UserLoginScreen from "@screens/UserLoginScreen";
+import { NavigationContainer } from "@react-navigation/native";
 import { ThemeProvider } from "@shopify/restyle";
-import { StatusBar } from "expo-status-bar";
 import { StyleSheet } from "react-native";
-import { SafeAreaProvider } from "react-native-safe-area-context";
 
 export default function App() {
 	return (
 		<ThemeProvider theme={theme}>
+			<NavigationContainer>
 				{/* <View style={styles.container}> */}
-			<SafeAreaProvider>
+				{/* <SafeAreaProvider>
 					<StatusBar style="auto" />
 					<UserLoginScreen />
-			</SafeAreaProvider>
+				</SafeAreaProvider> */}
+				<MyTabs />
 				{/* </View> */}
+			</NavigationContainer>
 		</ThemeProvider>
 	);
 }

src/navigations/BottomTabs.tsx

+import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
+import { View } from "react-native";
+import Text from "../components/bases/Text";
+
+const Tab = createBottomTabNavigator();
+
+export const MyTabs = () => {
+	return (
+		<Tab.Navigator initialRouteName="Acceuil">
+			<Tab.Screen name="Acceuil" component={HomeScreen} />
+			<Tab.Screen name="Transactions" component={Transactions} />
+			<Tab.Screen name="Paramètres" component={SettingsScreen} />
+			<Tab.Screen name="Profile" component={ProfileScreen} />
+		</Tab.Navigator>
+	);
+};
+
+const HomeScreen = () => {
+	return (
+		<View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
+			<Text>Home!</Text>
+		</View>
+	);
+};
+
+const Transactions = () => {
+	return (
+		<View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
+			<Text>Transactions!</Text>
+		</View>
+	);
+};
+
+const SettingsScreen = () => {
+	return (
+		<View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
+			<Text>Settings!</Text>
+		</View>
+	);
+};
+
+const ProfileScreen = () => {
+	return (
+		<View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
+			<Text>Profile!</Text>
+		</View>
+	);
+};