34 lines
1.1 KiB
TypeScript
34 lines
1.1 KiB
TypeScript
import { NativeTabs } from 'expo-router/unstable-native-tabs';
|
|
import React from 'react';
|
|
import { useColorScheme } from 'react-native';
|
|
|
|
import { Colors } from '@/constants/theme';
|
|
|
|
export default function AppTabs() {
|
|
const scheme = useColorScheme();
|
|
const colors = Colors[scheme === 'unspecified' ? 'light' : scheme];
|
|
|
|
return (
|
|
<NativeTabs
|
|
backgroundColor={colors.background}
|
|
indicatorColor={colors.backgroundElement}
|
|
labelStyle={{ selected: { color: colors.text } }}>
|
|
<NativeTabs.Trigger name="index">
|
|
<NativeTabs.Trigger.Label>Home</NativeTabs.Trigger.Label>
|
|
<NativeTabs.Trigger.Icon
|
|
src={require('@/assets/images/tabIcons/home.png')}
|
|
renderingMode="template"
|
|
/>
|
|
</NativeTabs.Trigger>
|
|
|
|
<NativeTabs.Trigger name="explore">
|
|
<NativeTabs.Trigger.Label>Explore</NativeTabs.Trigger.Label>
|
|
<NativeTabs.Trigger.Icon
|
|
src={require('@/assets/images/tabIcons/explore.png')}
|
|
renderingMode="template"
|
|
/>
|
|
</NativeTabs.Trigger>
|
|
</NativeTabs>
|
|
);
|
|
}
|