Closer/app/(tabs)/_layout.tsx

38 lines
920 B
TypeScript

import { Tabs } from 'expo-router';
import { Home, MessageCircle, Star, Settings } from 'lucide-react-native';
export default function TabsLayout() {
return (
<Tabs>
<Tabs.Tab
name="index"
options={{
title: 'Home',
tabBarIcon: ({ color }) => <Home color={color} size={24} />,
}}
/>
<Tabs.Tab
name="questions"
options={{
title: 'Questions',
tabBarIcon: ({ color }) => <MessageCircle color={color} size={24} />,
}}
/>
<Tabs.Tab
name="milestones"
options={{
title: 'Milestones',
tabBarIcon: ({ color }) => <Star color={color} size={24} />,
}}
/>
<Tabs.Tab
name="settings"
options={{
title: 'Settings',
tabBarIcon: ({ color }) => <Settings color={color} size={24} />,
}}
/>
</Tabs>
);
}