Files
matrix-frontend/app/(tabs)/_layout.tsx
T
2024-11-22 14:12:18 +01:00

43 lines
1.1 KiB
TypeScript

import {Tabs} from 'expo-router';
import Ionicons from '@expo/vector-icons/Ionicons';
export default function TabLayout() {
return (
<Tabs
screenOptions={{
tabBarActiveTintColor: '#ffd33d',
headerStyle: {
backgroundColor: '#25292e',
},
headerShadowVisible: false,
headerTintColor: '#fff',
tabBarStyle: {
backgroundColor: '#25292e',
},
}}
>
<Tabs.Screen
name="index"
options={{
title: 'Home',
tabBarIcon: ({color, focused}) => (
<Ionicons name={focused ? 'home-sharp' : 'home-outline'} color={color} size={24}/>
),
}}
/>
<Tabs.Screen
name="about"
options={{
title: 'About',
tabBarIcon: ({color, focused}) => (
<Ionicons name={focused ? 'information-circle' : 'information-circle-outline'} color={color}
size={24}/>
),
}}
/>
</Tabs>
);
}