itsm_ysm/mobile/app/(tabs)/_layout.tsx
itms-merge-dev efc3e66635 feat(itms): 모바일 앱 신규 (Expo, 12화면, OAuth password grant)
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-19 17:10:46 +09:00

28 lines
1.6 KiB
XML

import { Tabs } from 'expo-router'
import { Feather } from '@expo/vector-icons'
import { useTheme } from '../../constants/ThemeContext'
/*
* ITMS 하단 탭 — 홈 · 요청 · 인시던트 · 공지 · 내정보.
*/
export default function TabsLayout() {
const { t } = useTheme()
return (
<Tabs
screenOptions={{
headerShown: false,
tabBarActiveTintColor: t.tabActive,
tabBarInactiveTintColor: t.tabIdle,
tabBarStyle: { backgroundColor: t.card, borderTopColor: t.border, height: 60, paddingBottom: 8, paddingTop: 6 },
tabBarLabelStyle: { fontSize: 11, fontWeight: '700' },
}}
>
<Tabs.Screen name="home" options={{ title: '', tabBarIcon: ({ color, size }: { color: string; size: number }) => <Feather name="home" size={size} color={color} /> }} />
<Tabs.Screen name="requests" options={{ title: '', tabBarIcon: ({ color, size }: { color: string; size: number }) => <Feather name="file-text" size={size} color={color} /> }} />
<Tabs.Screen name="incidents" options={{ title: '', tabBarIcon: ({ color, size }: { color: string; size: number }) => <Feather name="alert-circle" size={size} color={color} /> }} />
<Tabs.Screen name="notices" options={{ title: '', tabBarIcon: ({ color, size }: { color: string; size: number }) => <Feather name="bell" size={size} color={color} /> }} />
<Tabs.Screen name="me" options={{ title: '', tabBarIcon: ({ color, size }: { color: string; size: number }) => <Feather name="user" size={size} color={color} /> }} />
</Tabs>
)
}