56 lines
1.6 KiB
TypeScript
56 lines
1.6 KiB
TypeScript
import { Tabs } from 'expo-router'
|
|
import Ionicons from '@expo/vector-icons/Ionicons'
|
|
import { colors } from '../../src/lib/theme'
|
|
|
|
export default function TabLayout() {
|
|
return (
|
|
<Tabs
|
|
screenOptions={{
|
|
headerShown: false,
|
|
tabBarActiveTintColor: colors.accent,
|
|
tabBarInactiveTintColor: 'rgba(255,255,255,0.4)',
|
|
tabBarStyle: {
|
|
backgroundColor: colors.surface,
|
|
borderTopColor: colors.border,
|
|
},
|
|
tabBarLabelStyle: { fontSize: 11 },
|
|
}}
|
|
>
|
|
<Tabs.Screen
|
|
name="index"
|
|
options={{
|
|
title: 'Главная',
|
|
tabBarIcon: ({ color, size }) => <Ionicons name="home" size={size} color={color} />,
|
|
}}
|
|
/>
|
|
<Tabs.Screen
|
|
name="catalog"
|
|
options={{
|
|
title: 'Каталог',
|
|
tabBarIcon: ({ color, size }) => <Ionicons name="grid" size={size} color={color} />,
|
|
}}
|
|
/>
|
|
<Tabs.Screen
|
|
name="genres"
|
|
options={{
|
|
title: 'Жанры',
|
|
tabBarIcon: ({ color, size }) => <Ionicons name="pricetags" size={size} color={color} />,
|
|
}}
|
|
/>
|
|
<Tabs.Screen
|
|
name="schedule"
|
|
options={{
|
|
title: 'Расписание',
|
|
tabBarIcon: ({ color, size }) => <Ionicons name="calendar" size={size} color={color} />,
|
|
}}
|
|
/>
|
|
<Tabs.Screen
|
|
name="profile"
|
|
options={{
|
|
title: 'Профиль',
|
|
tabBarIcon: ({ color, size }) => <Ionicons name="person" size={size} color={color} />,
|
|
}}
|
|
/>
|
|
</Tabs>
|
|
)
|
|
}
|