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.
53 lines
1.8 KiB
53 lines
1.8 KiB
import {SafeAreaView, ScrollView, Text, View} from "react-native";
|
|
import React from "react";
|
|
import WorkoutCardComponent from "@/components/WorkoutCardComponent";
|
|
import Screen from "@/components/ui/Screen";
|
|
import CalendarComponent from "@/components/CalendarComponent";
|
|
import WelcomeComponent from "@/components/WelcomeComponent";
|
|
import ActivitiesComponent from "@/components/ActivitiesComponent";
|
|
|
|
|
|
export default function HomeScreen() {
|
|
|
|
return (
|
|
<SafeAreaView>
|
|
<Screen>
|
|
<ScrollView>
|
|
|
|
<View >
|
|
<WelcomeComponent/>
|
|
</View>
|
|
|
|
<View className="mt-2">
|
|
<View className="flex-row justify-between items-center mb-4">
|
|
<Text className="text-lg font-bold text-black">Activities</Text>
|
|
<Text className="text-orange-500 font-semibold">See All</Text>
|
|
</View>
|
|
<ActivitiesComponent/>
|
|
</View>
|
|
|
|
<View className="mt-2">
|
|
<View className="flex-row justify-between items-center mb-4">
|
|
<Text className="text-lg font-bold text-black">Fitness Metrics</Text>
|
|
<Text className="text-orange-500 font-semibold">See All</Text>
|
|
</View>
|
|
<CalendarComponent/>
|
|
</View>
|
|
|
|
<View className="mt-2">
|
|
<View className="flex-row justify-between items-center mb-4">
|
|
<Text className="text-lg font-bold text-black">Workout</Text>
|
|
<Text className="text-orange-500 font-semibold">See All</Text>
|
|
</View>
|
|
<WorkoutCardComponent/>
|
|
</View>
|
|
|
|
|
|
|
|
|
|
|
|
</ScrollView>
|
|
</Screen>
|
|
</SafeAreaView>
|
|
);
|
|
} |