From d3a644e44850bd7957b508d5392898884b6bac77 Mon Sep 17 00:00:00 2001
From: G <idouattara@ldfgroupe.com>
Date: Fri, 26 Apr 2024 14:37:10 +0000
Subject: [PATCH] rendering dummy tabs, acceuils, tranasactions, ...

---
 App.tsx                        | 20 +++++++++++---------
 src/navigations/BottomTabs.tsx | 48 ++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 59 insertions(+), 9 deletions(-)
 create mode 100644 src/navigations/BottomTabs.tsx

diff --git a/App.tsx b/App.tsx
index aba5bed..41bdd78 100644
--- a/App.tsx
+++ b/App.tsx
@@ -1,19 +1,21 @@
+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}>
-			{/* <View style={styles.container}> */}
-			<SafeAreaProvider>
-				<StatusBar style="auto" />
-				<UserLoginScreen />
-			</SafeAreaProvider>
-			{/* </View> */}
+			<NavigationContainer>
+				{/* <View style={styles.container}> */}
+				{/* <SafeAreaProvider>
+					<StatusBar style="auto" />
+					<UserLoginScreen />
+				</SafeAreaProvider> */}
+				<MyTabs />
+				{/* </View> */}
+			</NavigationContainer>
 		</ThemeProvider>
 	);
 }
diff --git a/src/navigations/BottomTabs.tsx b/src/navigations/BottomTabs.tsx
new file mode 100644
index 0000000..20b30ba
--- /dev/null
+++ b/src/navigations/BottomTabs.tsx
@@ -0,0 +1,48 @@
+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>
+	);
+};
--
libgit2 0.27.1