42 lines
1.2 KiB
TypeScript
42 lines
1.2 KiB
TypeScript
import { createMaterialBottomTabNavigator } from "react-native-paper/react-navigation";
|
|
import MaterialCommunityIcons from "@expo/vector-icons/MaterialCommunityIcons";
|
|
import { ScreenList, Notifications, Profile } from "./screens";
|
|
|
|
const Tab = createMaterialBottomTabNavigator();
|
|
|
|
export function BottomNavigation() {
|
|
return (
|
|
<Tab.Navigator initialRouteName="Home">
|
|
<Tab.Screen
|
|
name="Home"
|
|
component={ScreenList}
|
|
options={{
|
|
tabBarLabel: "Home",
|
|
tabBarIcon: ({ color }) => (
|
|
<MaterialCommunityIcons name="home" color={color} size={26} />
|
|
),
|
|
}}
|
|
/>
|
|
<Tab.Screen
|
|
name="Notifications"
|
|
component={Notifications}
|
|
options={{
|
|
tabBarLabel: "History",
|
|
tabBarIcon: ({ color }) => (
|
|
<MaterialCommunityIcons name="history" color={color} size={26} />
|
|
),
|
|
}}
|
|
/>
|
|
<Tab.Screen
|
|
name="Profile"
|
|
component={Profile}
|
|
options={{
|
|
tabBarLabel: "Profile",
|
|
tabBarIcon: ({ color }) => (
|
|
<MaterialCommunityIcons name="account" color={color} size={26} />
|
|
),
|
|
}}
|
|
/>
|
|
</Tab.Navigator>
|
|
);
|
|
}
|