41 lines
884 B
TypeScript
41 lines
884 B
TypeScript
import { Tabs } from 'expo-router';
|
|
import { Home } from 'lucide-react-native';
|
|
import { StyleSheet } from 'react-native';
|
|
|
|
export default function TabLayout() {
|
|
return (
|
|
<Tabs
|
|
screenOptions={{
|
|
headerShown: false,
|
|
tabBarStyle: styles.tabBar,
|
|
tabBarActiveTintColor: '#007AFF',
|
|
tabBarInactiveTintColor: '#8E8E93',
|
|
tabBarLabelStyle: styles.tabBarLabel,
|
|
}}
|
|
>
|
|
<Tabs.Screen
|
|
name="index"
|
|
options={{
|
|
title: 'Home',
|
|
tabBarIcon: ({ size, color }) => <Home size={size} color={color} />,
|
|
}}
|
|
/>
|
|
</Tabs>
|
|
);
|
|
}
|
|
|
|
const styles = StyleSheet.create({
|
|
tabBar: {
|
|
backgroundColor: '#FFFFFF',
|
|
borderTopWidth: 0.5,
|
|
borderTopColor: '#E5E5EA',
|
|
paddingBottom: 8,
|
|
paddingTop: 8,
|
|
height: 84,
|
|
},
|
|
tabBarLabel: {
|
|
fontSize: 12,
|
|
fontWeight: '500',
|
|
},
|
|
});
|