53 lines
No EOL
1.9 KiB
JavaScript
53 lines
No EOL
1.9 KiB
JavaScript
import {Tabs} from "expo-router";
|
|
import { FontAwesome } from '@expo/vector-icons';
|
|
import { AntDesign } from '@expo/vector-icons';
|
|
import { MaterialCommunityIcons } from '@expo/vector-icons';
|
|
|
|
export default function Layout(){
|
|
return(
|
|
<Tabs>
|
|
<Tabs.Screen
|
|
name="home"
|
|
options={{
|
|
tabBarLabel:"Home",
|
|
tabBarLabelStyle:{color:"black"},
|
|
headerShown: false,
|
|
tabBarIcon:({focused}) =>
|
|
focused? (
|
|
<FontAwesome name="tasks" size={24} color="black" />
|
|
) : (
|
|
<FontAwesome name="tasks" size={24} color="#45474B" />
|
|
)
|
|
}}
|
|
/>
|
|
<Tabs.Screen
|
|
name="calendar"
|
|
options={{
|
|
tabBarLabel:"calendar",
|
|
tabBarLabelStyle:{color:"black"},
|
|
headerShown: false,
|
|
tabBarIcon:({focused}) =>
|
|
focused? (
|
|
<AntDesign name="calendar" size={24} color="black" />
|
|
) : (
|
|
<AntDesign name="calendar" size={24} color="#45474B" />
|
|
)
|
|
}}
|
|
/>
|
|
<Tabs.Screen
|
|
name="profile"
|
|
options={{
|
|
tabBarLabel:"profile",
|
|
tabBarLabelStyle:{color:"black"},
|
|
headerShown: false,
|
|
tabBarIcon:({focused}) =>
|
|
focused? (
|
|
<MaterialCommunityIcons name="account-details" size={24} color="black" />
|
|
) : (
|
|
<MaterialCommunityIcons name="account-details" size={24} color="#45474B" />
|
|
)
|
|
}}
|
|
/>
|
|
</Tabs>
|
|
)
|
|
} |