You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
1.0 KiB
42 lines
1.0 KiB
2 weeks ago
|
import { Tabs } from "expo-router";
|
||
|
|
import { MaterialIcons } from "@expo/vector-icons";
|
||
|
|
|
||
|
|
export default function TabLayout() {
|
||
|
|
return (
|
||
|
|
<Tabs
|
||
|
|
screenOptions={{
|
||
|
|
headerShown: false,
|
||
|
|
tabBarStyle: { height: 56 },
|
||
|
|
tabBarLabelStyle: { fontSize: 12 },
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<Tabs.Screen
|
||
|
|
name="index"
|
||
|
|
options={{
|
||
|
|
title: "할 일",
|
||
|
|
tabBarIcon: ({ color, focused, size }) => (
|
||
|
|
<MaterialIcons
|
||
|
|
name={focused ? "check-box" : "check-box-outline-blank"}
|
||
|
|
size={size ?? 24}
|
||
|
|
color={color}
|
||
|
|
/>
|
||
|
|
),
|
||
|
|
}}
|
||
|
|
/>
|
||
|
|
<Tabs.Screen
|
||
|
|
name="done"
|
||
|
|
options={{
|
||
|
|
title: "완료됨",
|
||
|
|
tabBarIcon: ({ color, focused, size }) => (
|
||
|
|
<MaterialIcons
|
||
|
|
name={focused ? "done-all" : "done"}
|
||
|
|
size={size ?? 24}
|
||
|
|
color={color}
|
||
|
|
/>
|
||
|
|
),
|
||
|
|
}}
|
||
|
|
/>
|
||
|
|
</Tabs>
|
||
|
|
);
|
||
|
|
}
|