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.
26 lines
1.1 KiB
26 lines
1.1 KiB
import {createBottomTabNavigator} from "@react-navigation/bottom-tabs";
|
|
import {NavigationContainer} from "@react-navigation/native";
|
|
import {AntDesign, Ionicons} from '@expo/vector-icons';
|
|
import SettingsPage from "./SettingsPage";
|
|
import HomePage from "./HomePage";
|
|
import StackNavigation from "./StackNavigation";
|
|
|
|
export default function NavigationBar() {
|
|
const BottomTabNavigator = createBottomTabNavigator();
|
|
return (
|
|
<NavigationContainer >
|
|
<BottomTabNavigator.Navigator initialRouteName="HomeNav" screenOptions={{headerShown: false}}>
|
|
<BottomTabNavigator.Screen name="HomeNav" component={StackNavigation} options={{
|
|
title: 'Home',
|
|
tabBarIcon: () => (<AntDesign name="home" size={24} color="black" />)
|
|
}}/>
|
|
<BottomTabNavigator.Screen name="Settings" component={SettingsPage} options={{
|
|
title: 'Settings',
|
|
tabBarIcon: () => (<Ionicons name="settings-outline" size={24} color="black" />)
|
|
}}/>
|
|
</BottomTabNavigator.Navigator>
|
|
</NavigationContainer>
|
|
)
|
|
}
|
|
|