61 lines
1.8 KiB
TypeScript
61 lines
1.8 KiB
TypeScript
import { Tabs } from "expo-router";
|
|
import { Ionicons } from "@expo/vector-icons";
|
|
|
|
export default function TabsLayout() {
|
|
|
|
return (
|
|
<Tabs screenOptions={{ headerShown: false, tabBarActiveTintColor: "#007AFF" }}>
|
|
<Tabs.Screen
|
|
name="home"
|
|
options={{
|
|
title: "Trang chủ",
|
|
tabBarIcon: ({ color, size }) => <Ionicons name="home" color={color} size={size} />,
|
|
}}
|
|
/>
|
|
<Tabs.Screen
|
|
name="products"
|
|
options={{
|
|
title: "Sản phẩm",
|
|
tabBarIcon: ({ color, size }) => <Ionicons name="pricetags" color={color} size={size} />,
|
|
}}
|
|
/>
|
|
<Tabs.Screen
|
|
name="account"
|
|
options={{
|
|
title: "Tài khoản",
|
|
tabBarIcon: ({ color, size }) => <Ionicons name="person" color={color} size={size} />,
|
|
}}
|
|
/>
|
|
{/* Ẩn các tab này khỏi bottom bar */}
|
|
<Tabs.Screen
|
|
name="cart"
|
|
options={{
|
|
href: null, // ẩn khỏi bottom tab bar
|
|
tabBarIcon: ({ color }) => <Ionicons name="cart-outline" size={24} color={color} />,
|
|
}}
|
|
/>
|
|
<Tabs.Screen
|
|
name="orders"
|
|
options={{
|
|
href: null, // ẩn khỏi bottom tab bar
|
|
tabBarIcon: ({ color }) => <Ionicons name="list-outline" size={24} color={color} />,
|
|
}}
|
|
/>
|
|
<Tabs.Screen
|
|
name="checkout"
|
|
options={{
|
|
href: null, // ẩn khỏi bottom tab bar
|
|
tabBarIcon: ({ color }) => <Ionicons name="checkmark-done-outline" size={24} color={color} />,
|
|
}}
|
|
/>
|
|
<Tabs.Screen
|
|
name="wishlist"
|
|
options={{
|
|
href: null, // ẩn khỏi bottom tab bar
|
|
tabBarIcon: ({ color }) => <Ionicons name="heart-outline" size={24} color={color} />,
|
|
}}
|
|
/>
|
|
</Tabs>
|
|
);
|
|
}
|