36 lines
1.0 KiB
TypeScript
36 lines
1.0 KiB
TypeScript
import React from "react";
|
|
import FontAwesome from "@expo/vector-icons/FontAwesome";
|
|
import { Link, Tabs } from "expo-router";
|
|
import { Pressable } from "react-native";
|
|
import Colors from "@/constants/Colors";
|
|
import { useColorScheme } from "@/components/useColorScheme";
|
|
import { useClientOnlyValue } from "@/components/useClientOnlyValue";
|
|
import { TAB_CONFIG } from "@/constants/config";
|
|
|
|
export default function TabLayout() {
|
|
const colorScheme = useColorScheme();
|
|
|
|
return (
|
|
<Tabs
|
|
screenOptions={{
|
|
tabBarActiveTintColor: Colors[colorScheme ?? "light"].tint,
|
|
headerShown: useClientOnlyValue(false, true),
|
|
}}
|
|
>
|
|
{TAB_CONFIG.map(({ name, title, Icon, IconFilled }) => (
|
|
<Tabs.Screen
|
|
key={name}
|
|
name={name}
|
|
options={{
|
|
title,
|
|
tabBarIcon: ({ color, focused }) => {
|
|
const IconComponent = focused ? IconFilled : Icon;
|
|
return <IconComponent />;
|
|
},
|
|
}}
|
|
/>
|
|
))}
|
|
</Tabs>
|
|
);
|
|
}
|