fuse_expo/app/(tabs)/_layout.tsx

47 lines
1.2 KiB
TypeScript
Raw Normal View History

import { Tabs } from 'expo-router';
import React from 'react';
import { TabBarIcon } from '@/components/navigation/TabBarIcon';
import { Colors } from '@/constants/Colors';
import { useColorScheme } from '@/hooks/useColorScheme';
export default function TabLayout() {
const colorScheme = useColorScheme();
return (
<Tabs
screenOptions={{
tabBarActiveTintColor: Colors[colorScheme ?? 'light'].tint,
headerShown: false,
}}>
<Tabs.Screen
name="index"
options={{
2024-09-09 22:57:42 -05:00
title: 'My Message',
tabBarIcon: ({ color, focused }) => (
2024-09-09 22:57:42 -05:00
<TabBarIcon name={focused ? 'mail' : 'mail-outline'} color={color} />
),
}}
/>
<Tabs.Screen
2024-09-09 22:57:42 -05:00
name="sendmessage"
options={{
2024-09-09 22:57:42 -05:00
title: 'Send Message',
tabBarIcon: ({ color, focused }) => (
2024-09-09 22:57:42 -05:00
<TabBarIcon name={focused ? 'pencil' : 'pencil-outline'} color={color} />
),
}}
/>
<Tabs.Screen
name="countdown"
options={{
title: 'Countdown',
tabBarIcon: ({ color, focused }) => (
<TabBarIcon name={focused ? 'time' : 'time-outline'} color={color} />
),
}}
/>
</Tabs>
);
}