parent
0224c3a5b4
commit
35d32527e2
@ -0,0 +1,13 @@
|
||||
import {SafeAreaView, View, Text} from "react-native";
|
||||
import React from "react";
|
||||
|
||||
export default function AddScreen() {
|
||||
return (
|
||||
<SafeAreaView>
|
||||
<View>
|
||||
<Text className="m-7 font-extrabold">Welcome to Add Screen </Text>
|
||||
<Text>We will do it soon</Text>
|
||||
</View>
|
||||
</SafeAreaView>
|
||||
);
|
||||
}
|
||||
@ -0,0 +1,13 @@
|
||||
import React from "react";
|
||||
import { Stack } from "expo-router";
|
||||
|
||||
export default function RootoLayout() {
|
||||
return (
|
||||
<Stack screenOptions={{
|
||||
headerShown: false,
|
||||
presentation: "modal",
|
||||
}}>
|
||||
<Stack.Screen name="index" />
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
@ -0,0 +1,97 @@
|
||||
// import { SafeAreaView, StyleSheet, View } from "react-native";
|
||||
// import React from "react";
|
||||
// import {
|
||||
// Avatar,
|
||||
// AvatarFallbackText,
|
||||
// AvatarImage,
|
||||
// } from "@/components/ui/avatar";
|
||||
// import { AntDesign } from "@expo/vector-icons";
|
||||
// import { Text } from "@/components/ui/text";
|
||||
// import ExerciceOverview from "@/components/ExerciceOverview";
|
||||
|
||||
// export default function HomeScreen() {
|
||||
// const date = new Date();
|
||||
// const formattedDate = date.toLocaleDateString("fr-FR", {
|
||||
// year: "numeric",
|
||||
// month: "long",
|
||||
// day: "numeric",
|
||||
// });
|
||||
|
||||
// return (
|
||||
// <SafeAreaView style={styles.container}>
|
||||
// <View style={styles.headerStyle}>
|
||||
// <View style={styles.dateContainer}>
|
||||
// <AntDesign name="calendar" size={24} color="white" />
|
||||
// <Text style={styles.dateText}>{formattedDate}</Text>
|
||||
// </View>
|
||||
|
||||
// <View style={styles.avatarContainer}>
|
||||
// <Avatar size="xl">
|
||||
// <AvatarFallbackText>Jane Doe</AvatarFallbackText>
|
||||
// <AvatarImage
|
||||
// source={{
|
||||
// uri: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80",
|
||||
// }}
|
||||
// />
|
||||
// </Avatar>
|
||||
// <Text style={styles.titleNameUser}>Hello, Tata Monique</Text>
|
||||
// </View>
|
||||
// </View>
|
||||
|
||||
// <View>
|
||||
// <ExerciceOverview />
|
||||
// </View>
|
||||
// </SafeAreaView>
|
||||
// );
|
||||
// }
|
||||
|
||||
// const styles = StyleSheet.create({
|
||||
// container: {
|
||||
// flex: 1,
|
||||
// backgroundColor: "#f9f9f9", // Fond de l'écran avec une couleur claire
|
||||
// },
|
||||
// headerStyle: {
|
||||
// height: 200,
|
||||
// backgroundColor: "#333333", // Gris foncé pour l'arrière-plan du header
|
||||
// borderBottomEndRadius: 25,
|
||||
// borderBottomStartRadius: 25,
|
||||
// padding: 20,
|
||||
// alignItems: "flex-start",
|
||||
// justifyContent: "flex-start",
|
||||
// },
|
||||
// dateContainer: {
|
||||
// flexDirection: "row",
|
||||
// alignItems: "flex-start",
|
||||
// marginBottom: 20,
|
||||
// },
|
||||
// dateText: {
|
||||
// fontSize: 18,
|
||||
// fontWeight: "bold",
|
||||
// marginLeft: 10,
|
||||
// color: "#ffffff",
|
||||
// },
|
||||
// avatarContainer: {
|
||||
// marginBottom: 15,
|
||||
// flexDirection: "row",
|
||||
// alignItems: "center",
|
||||
// },
|
||||
|
||||
// titleNameUser: {
|
||||
// fontSize: 24,
|
||||
// color: "#ffffff",
|
||||
// fontWeight: "bold",
|
||||
// marginLeft: 10,
|
||||
// },
|
||||
// contentContainer: {
|
||||
// marginTop: 20,
|
||||
// padding: 15,
|
||||
// alignItems: "flex-start",
|
||||
// },
|
||||
// contentText: {
|
||||
// fontSize: 16,
|
||||
// color: "#333333", // Texte en gris foncé pour une bonne lisibilité
|
||||
// textAlign: "center",
|
||||
// },
|
||||
|
||||
// fitness: {},
|
||||
// });
|
||||
@ -0,0 +1,13 @@
|
||||
import {SafeAreaView, Text, View} from "react-native";
|
||||
import React from "react";
|
||||
|
||||
export default function ExerciceScreen() {
|
||||
return (
|
||||
<SafeAreaView>
|
||||
<View>
|
||||
<Text className="m-7 font-extrabold">Welcome to Exercice Screen </Text>
|
||||
<Text>We will do it soon</Text>
|
||||
</View>
|
||||
</SafeAreaView>
|
||||
);
|
||||
}
|
||||
@ -0,0 +1,15 @@
|
||||
import React from "react";
|
||||
import {Stack} from "expo-router";
|
||||
|
||||
export default function RootoLayout() {
|
||||
return (
|
||||
<Stack screenOptions={{
|
||||
headerShown: false,
|
||||
presentation: "modal",
|
||||
}}>
|
||||
<Stack.Screen name="ExerciceScreen" />
|
||||
</Stack>
|
||||
|
||||
);
|
||||
|
||||
}
|
||||
@ -0,0 +1,14 @@
|
||||
import {SafeAreaView, Text, View} from "react-native";
|
||||
import React from "react";
|
||||
|
||||
export default function HelpsScreen() {
|
||||
return (
|
||||
<SafeAreaView>
|
||||
<View>
|
||||
<Text className="m-7 font-extrabold">Welcome to Help Screen </Text>
|
||||
<Text>We will do it soon</Text>
|
||||
</View>
|
||||
</SafeAreaView>
|
||||
|
||||
);
|
||||
}
|
||||
@ -0,0 +1,16 @@
|
||||
import React from "react";
|
||||
import {Stack} from "expo-router";
|
||||
import HelpsScreen from "@/app/(tabs)/(help)/HelpsScreen";
|
||||
|
||||
export default function RootoLayout() {
|
||||
return (
|
||||
<Stack screenOptions={{
|
||||
headerShown: false,
|
||||
presentation: "modal",
|
||||
}}>
|
||||
<Stack.Screen name="HelpsScreen" />
|
||||
</Stack>
|
||||
|
||||
);
|
||||
|
||||
}
|
||||
@ -0,0 +1,90 @@
|
||||
import {SafeAreaView,StyleSheet, Text, View} from "react-native";
|
||||
import React from "react";
|
||||
import {AntDesign} from "@expo/vector-icons";
|
||||
import {Avatar, AvatarFallbackText, AvatarImage} from "@/ui/avatar";
|
||||
|
||||
|
||||
|
||||
export default function HomeScreen() {
|
||||
const date = new Date();
|
||||
const formattedDate = date.toLocaleDateString('fr-FR', {
|
||||
year: 'numeric',
|
||||
month: 'long',
|
||||
day: 'numeric',
|
||||
});
|
||||
|
||||
return (
|
||||
<SafeAreaView style={styles.container}>
|
||||
<View style={styles.headerStyle}>
|
||||
<View style={styles.dateContainer}>
|
||||
<AntDesign name="calendar" size={24} color="white" />
|
||||
<Text style={styles.dateText}>{formattedDate}</Text>
|
||||
</View>
|
||||
|
||||
<View style={styles.avatarContainer}>
|
||||
|
||||
<Text style={styles.titleNameUser}>Hello, Tata Monique</Text>
|
||||
|
||||
</View>
|
||||
|
||||
</View>
|
||||
</SafeAreaView>
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
|
||||
const styles = StyleSheet.create({
|
||||
container: {
|
||||
flex: 1,
|
||||
backgroundColor: '#f9f9f9', // Fond de l'écran avec une couleur claire
|
||||
},
|
||||
headerStyle: {
|
||||
height: 200,
|
||||
backgroundColor: '#333333', // Gris foncé pour l'arrière-plan du header
|
||||
borderBottomEndRadius: 25,
|
||||
borderBottomStartRadius: 25,
|
||||
padding: 20,
|
||||
alignItems: 'flex-start',
|
||||
justifyContent: 'flex-start',
|
||||
},
|
||||
dateContainer: {
|
||||
flexDirection: 'row',
|
||||
alignItems: 'flex-start',
|
||||
marginBottom: 20,
|
||||
},
|
||||
dateText: {
|
||||
fontSize: 18,
|
||||
fontWeight: 'bold',
|
||||
marginLeft: 10,
|
||||
color: '#ffffff',
|
||||
},
|
||||
avatarContainer: {
|
||||
marginBottom: 15,
|
||||
flexDirection: 'row',
|
||||
alignItems: 'center',
|
||||
},
|
||||
|
||||
titleNameUser: {
|
||||
fontSize: 24,
|
||||
color: '#ffffff',
|
||||
fontWeight: 'bold',
|
||||
marginLeft: 10,
|
||||
},
|
||||
contentContainer: {
|
||||
marginTop: 20,
|
||||
padding: 15,
|
||||
alignItems: 'flex-start',
|
||||
},
|
||||
contentText: {
|
||||
fontSize: 16,
|
||||
color: '#333333', // Texte en gris foncé pour une bonne lisibilité
|
||||
textAlign: 'center',
|
||||
},
|
||||
|
||||
fitness: {
|
||||
|
||||
}
|
||||
|
||||
|
||||
});
|
||||
@ -1,9 +1,13 @@
|
||||
import { Stack } from "expo-router";
|
||||
import React from "react";
|
||||
|
||||
export default function RootoLayout() {
|
||||
return (
|
||||
<Stack>
|
||||
<Stack.Screen name="index" />
|
||||
<Stack screenOptions={{
|
||||
headerShown: false,
|
||||
presentation: "modal",
|
||||
}}>
|
||||
<Stack.Screen name="HomeScreen" />
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
@ -1,97 +1,12 @@
|
||||
// import { SafeAreaView, StyleSheet, View } from "react-native";
|
||||
// import React from "react";
|
||||
// import {
|
||||
// Avatar,
|
||||
// AvatarFallbackText,
|
||||
// AvatarImage,
|
||||
// } from "@/components/ui/avatar";
|
||||
// import { AntDesign } from "@expo/vector-icons";
|
||||
// import { Text } from "@/components/ui/text";
|
||||
// import ExerciceOverview from "@/components/ExerciceOverview";
|
||||
|
||||
// export default function HomeScreen() {
|
||||
// const date = new Date();
|
||||
// const formattedDate = date.toLocaleDateString("fr-FR", {
|
||||
// year: "numeric",
|
||||
// month: "long",
|
||||
// day: "numeric",
|
||||
// });
|
||||
|
||||
// return (
|
||||
// <SafeAreaView style={styles.container}>
|
||||
// <View style={styles.headerStyle}>
|
||||
// <View style={styles.dateContainer}>
|
||||
// <AntDesign name="calendar" size={24} color="white" />
|
||||
// <Text style={styles.dateText}>{formattedDate}</Text>
|
||||
// </View>
|
||||
|
||||
// <View style={styles.avatarContainer}>
|
||||
// <Avatar size="xl">
|
||||
// <AvatarFallbackText>Jane Doe</AvatarFallbackText>
|
||||
// <AvatarImage
|
||||
// source={{
|
||||
// uri: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80",
|
||||
// }}
|
||||
// />
|
||||
// </Avatar>
|
||||
// <Text style={styles.titleNameUser}>Hello, Tata Monique</Text>
|
||||
// </View>
|
||||
// </View>
|
||||
|
||||
// <View>
|
||||
// <ExerciceOverview />
|
||||
// </View>
|
||||
// </SafeAreaView>
|
||||
// );
|
||||
// }
|
||||
|
||||
// const styles = StyleSheet.create({
|
||||
// container: {
|
||||
// flex: 1,
|
||||
// backgroundColor: "#f9f9f9", // Fond de l'écran avec une couleur claire
|
||||
// },
|
||||
// headerStyle: {
|
||||
// height: 200,
|
||||
// backgroundColor: "#333333", // Gris foncé pour l'arrière-plan du header
|
||||
// borderBottomEndRadius: 25,
|
||||
// borderBottomStartRadius: 25,
|
||||
// padding: 20,
|
||||
// alignItems: "flex-start",
|
||||
// justifyContent: "flex-start",
|
||||
// },
|
||||
// dateContainer: {
|
||||
// flexDirection: "row",
|
||||
// alignItems: "flex-start",
|
||||
// marginBottom: 20,
|
||||
// },
|
||||
// dateText: {
|
||||
// fontSize: 18,
|
||||
// fontWeight: "bold",
|
||||
// marginLeft: 10,
|
||||
// color: "#ffffff",
|
||||
// },
|
||||
// avatarContainer: {
|
||||
// marginBottom: 15,
|
||||
// flexDirection: "row",
|
||||
// alignItems: "center",
|
||||
// },
|
||||
|
||||
// titleNameUser: {
|
||||
// fontSize: 24,
|
||||
// color: "#ffffff",
|
||||
// fontWeight: "bold",
|
||||
// marginLeft: 10,
|
||||
// },
|
||||
// contentContainer: {
|
||||
// marginTop: 20,
|
||||
// padding: 15,
|
||||
// alignItems: "flex-start",
|
||||
// },
|
||||
// contentText: {
|
||||
// fontSize: 16,
|
||||
// color: "#333333", // Texte en gris foncé pour une bonne lisibilité
|
||||
// textAlign: "center",
|
||||
// },
|
||||
|
||||
// fitness: {},
|
||||
// });
|
||||
import {SafeAreaView, Text, View} from "react-native";
|
||||
import React from "react";
|
||||
import HomeScreen from "@/app/(tabs)/(home)/HomeScreen";
|
||||
|
||||
export default function App() {
|
||||
|
||||
return (
|
||||
<SafeAreaView>
|
||||
<HomeScreen/>
|
||||
</SafeAreaView>
|
||||
);
|
||||
}
|
||||
@ -0,0 +1,13 @@
|
||||
import {SafeAreaView, Text, View} from "react-native";
|
||||
import React from "react";
|
||||
|
||||
export default function ProfileScreen() {
|
||||
return (
|
||||
<SafeAreaView>
|
||||
<View>
|
||||
<Text className="m-7 font-extrabold">Welcome Screen </Text>
|
||||
<Text>We will do it soon</Text>
|
||||
</View>
|
||||
</SafeAreaView>
|
||||
);
|
||||
}
|
||||
@ -0,0 +1,13 @@
|
||||
import { Stack } from "expo-router";
|
||||
import React from "react";
|
||||
|
||||
export default function RootoLayout() {
|
||||
return (
|
||||
<Stack screenOptions={{
|
||||
headerShown: false,
|
||||
presentation: "modal",
|
||||
}}>
|
||||
<Stack.Screen name="ProfileScreen" />
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
@ -1,9 +0,0 @@
|
||||
import { Stack } from "expo-router";
|
||||
|
||||
export default function KRootLayout() {
|
||||
return (
|
||||
<Stack>
|
||||
<Stack.Screen name="profile" />
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
@ -1,13 +0,0 @@
|
||||
// import {SafeAreaView, View} from "react-native";
|
||||
// import {Text} from "react-native";
|
||||
|
||||
// export default function ProfileScreen() {
|
||||
// return (
|
||||
// <SafeAreaView>
|
||||
// <View>
|
||||
// <Text className="m-4">Edit src/screen/ProfileScreen.tsx to edit this screen.</Text>
|
||||
// </View>
|
||||
// </SafeAreaView>
|
||||
|
||||
// );
|
||||
// }
|
||||
@ -1,106 +0,0 @@
|
||||
// import HomeScreen from "@/app/(tabs)/(home)/home";
|
||||
// import {
|
||||
// AntDesign,
|
||||
// Entypo,
|
||||
// MaterialCommunityIcons,
|
||||
// MaterialIcons,
|
||||
// } from "@expo/vector-icons";
|
||||
// import ProfileScreen from "@/app/(tabs)/(profile)/profile";
|
||||
// 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>
|
||||
// );
|
||||
// }
|
||||
@ -0,0 +1,14 @@
|
||||
{
|
||||
"usesTypeScript": true,
|
||||
"usesStyledComponents": true,
|
||||
"testLibrary": "Testing Library",
|
||||
"component": {
|
||||
"default": {
|
||||
"path": "src/components",
|
||||
"withStyle": true,
|
||||
"withTest": true,
|
||||
"withStory": true,
|
||||
"withLazy": true
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Reference in new issue