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.
30 lines
1.4 KiB
30 lines
1.4 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 StackNavigationHomePage from "./StackNavigationHomePage";
|
|
import StackNavigationSearchPage from "./StackNavigationSearchPage";
|
|
|
|
export default function NavigationBar() {
|
|
const BottomTabNavigator = createBottomTabNavigator();
|
|
return (
|
|
<NavigationContainer >
|
|
<BottomTabNavigator.Navigator initialRouteName="HomeNav" screenOptions={{headerShown: false}}>
|
|
<BottomTabNavigator.Screen name="HomeNav" component={StackNavigationHomePage} options={{
|
|
title: 'Home',
|
|
tabBarIcon: () => (<AntDesign name="home" size={24} color="black" />)
|
|
}}/>
|
|
<BottomTabNavigator.Screen name="Search" component={StackNavigationSearchPage} options={{
|
|
title: 'Search',
|
|
tabBarIcon: () => (<AntDesign name="search1" 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>
|
|
)
|
|
}
|
|
|