const Drawer = createDrawerNavigator();
function DrawerNavigator({ navigation }) {
return (
<Drawer.Navigator
initialRouteName="Home"
drawerContent={(props) => <DrawerContent {...props} />}
>
<Drawer.Screen
name="Home"
component={HomeScreen}
options={{
title: "Back",
headerStyle: {
backgroundColor: "#000000",
},
}}
/>
<Drawer.Screen
name="Membership"
component={MembershipScreen}
options={{
title: "Membership",
headerStyle: {
backgroundColor: "#000000",
},
}}
/>
<Drawer.Screen
name="Profile"
component={ProfileScreen}
options={{
title: "profile",
headerStyle: {
backgroundColor: "#000000",
},
}}
/>
<Drawer.Screen
name="Measurements"
component={MeasurementsScreen}
options={{
title: "Measurements",
headerStyle: {
backgroundColor: "#000000",
},
}}
/>
<Drawer.Screen
name="Feature"
component={FeatureRequestScreen}
options={{
title: "Feature Request",
headerStyle: {
backgroundColor: "#000000",
},
}}
/>
<Drawer.Screen
name="Contact"
component={ContactSupportScreen}
options={{
title: "Contact",
headerStyle: {
backgroundColor: "#000000",
},
}}
/>
</Drawer.Navigator>
);
}
const Tab = createMaterialBottomTabNavigator();
function TabNavigator({ navigation }) {
return (
<Tab.Navigator
initialRouteName="Home"
activeColor="#D72323"
barStyle={{ backgroundColor: "#000000" }}
>
<Tab.Screen
name="Home"
component={DrawerNavigator}
options={{
tabBarIcon: ({ color }) => (
<MaterialCommunityIcons name="home" color={color} size={26} />
),
}}
/>
<Tab.Screen
name="Workout"
component={StartWorkoutScreen}
options={{
tabBarIcon: ({ color }) => (
<MaterialCommunityIcons
name="weight-lifter"
color={color}
size={26}
/>
),
}}
/>
<Tab.Screen
name="Settings"
component={SettingsScreen}
options={{
tabBarIcon: ({ color }) => (
<MaterialCommunityIcons
name="cog-outline"
color={color}
size={26}
/>
),
}}
/>
</Tab.Navigator>
);
}
const Stack = createStackNavigator();
export function StackNavigator(props) {
return (
<Stack.Navigator
initialRouteName="Home"
screenOptions={{
headerStyle: {
backgroundColor: "#000000",
},
headerTintColor: "#F5EDED",
headerTitleStyle: {
fontWeight: "bold",
},
headerLeft: (props) => (
<MaterialCommunityIcons.Button
name="menu"
size={25}
backgroundColor="bold"
onPress={() => navigation.openDrawer()}
></MaterialCommunityIcons.Button>
),
}}
>
<Stack.Screen
name="TabNavigator"
component={TabNavigator}
options={{
title: "HomeScreen",
}}
/>
<Stack.Screen
name="Body"
component={BodyPartsScreen}
options={{
title: "Body Parts",
}}
/>
<Stack.Screen
name="Diary"
component={WorkoutDiaryScreen}
options={{
title: "Workout Diary",
}}
/>
<Stack.Screen
name="PreMade"
component={PreMadeScreen}
options={{
title: "Pre Made Workouts",
}}
/>
<Stack.Screen
name="Stats"
component={StatsScreen}
options={{
title: "Your Workout Stats",
}}
/>
<Stack.Screen
name="History"
component={HistoryScreen}
options={{
title: "Your Workout History",
}}
/>
<Stack.Screen
name="Chest"
component={ChestListScreen}
options={{
title: "Champion Chest",
}}
/>
<Stack.Screen
name="Back"
component={BackListScreen}
options={{
title: "Beastie Back",
}}
/>
<Stack.Screen
name="Shoulders"
component={ShoulderListScreen}
options={{
title: "Shredded Shoulders",
}}
/>
<Stack.Screen
name="Biceps"
component={BicepListScreen}
options={{
title: "Ballistic Biceps",
}}
/>
<Stack.Screen
name="Triceps"
component={TricepListScreen}
options={{
title: "Trojan Triceps",
}}
/>
<Stack.Screen
name="Abs"
component={AbsListScreen}
options={{
title: "Atomic Abs",
}}
/>
<Stack.Screen
name="Legs"
component={LegListScreen}
options={{
title: "Lethal Legs",
}}
/>
<Stack.Screen
name="Forearms"
component={ForearmListScreen}
options={{
title: "Flawless Forearms",
}}
/>
<Stack.Screen
name="Cardio"
component={CardioListScreen}
options={{
title: "Killer Cardio",
}}
/>
<Stack.Screen
name="ExerciseSelected"
component={ExerciseSelectedScreen}
options={{
title: "Customise Your Exercise",
}}
/>
</Stack.Navigator>
);
}