Files
cesizen-individuel/mobile/app/(tabs)/_layout.tsx
T
Azmog 7fd27d8dc2 feat(mobile): refonte design DSFR complète + partie admin
- écrans auth/dashboard/journal/info/urgence/profil refondus sur le design system
- AppBar institutionnel République Française sur tous les écrans
- partie admin (utilisateurs, contenus, émotions) avec AdminGuard
- entrée Espace administration dans le profil (admins uniquement)

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-06-19 15:22:15 +02:00

65 lines
1.8 KiB
TypeScript

import { Tabs } from 'expo-router';
import { Ionicons } from '@expo/vector-icons';
import { Colors } from '@/lib/colors';
export default function TabLayout() {
return (
<Tabs
screenOptions={{
tabBarActiveTintColor: Colors.primary,
tabBarInactiveTintColor: Colors.gray[400],
tabBarStyle: {
backgroundColor: Colors.white,
borderTopColor: Colors.gray[200],
paddingBottom: 8,
paddingTop: 8,
height: 65,
},
headerStyle: { backgroundColor: Colors.white },
headerTitleStyle: { fontWeight: '700', color: Colors.black },
}}
>
<Tabs.Screen
name="index"
options={{
title: 'Accueil',
headerShown: false,
tabBarIcon: ({ color, size }) => <Ionicons name="home" size={size} color={color} />,
}}
/>
<Tabs.Screen
name="journal"
options={{
title: 'Journal',
headerShown: false,
tabBarIcon: ({ color, size }) => <Ionicons name="book" size={size} color={color} />,
}}
/>
<Tabs.Screen
name="info"
options={{
title: 'Infos',
headerShown: false,
tabBarIcon: ({ color, size }) => <Ionicons name="information-circle" size={size} color={color} />,
}}
/>
<Tabs.Screen
name="urgence"
options={{
title: 'Urgence',
headerShown: false,
tabBarIcon: ({ color, size }) => <Ionicons name="call" size={size} color={color} />,
}}
/>
<Tabs.Screen
name="profile"
options={{
title: 'Profil',
headerShown: false,
tabBarIcon: ({ color, size }) => <Ionicons name="person" size={size} color={color} />,
}}
/>
</Tabs>
);
}