Files
cesizen-individuel/mobile/app/(tabs)/_layout.tsx
T
Azmog 91ceca2be5 polish(mobile): audit design DSFR multi-agents — tokens, a11y, états, finitions
- tokens centralisés (Tint, IconSize, LineHeight, LetterSpacing), zéro hex en dur
- accessibilité (rôles, labels, live regions, afficher/masquer mot de passe)
- états vides/erreur complétés (ex. saisie introuvable), cibles tactiles >=44px
- suppression du composant mort RepubliqueHeader

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

67 lines
2.0 KiB
TypeScript

import { Tabs } from 'expo-router';
import { Ionicons } from '@expo/vector-icons';
import { Colors } from '@/lib/colors';
import { FontWeight, Spacing } from '@/lib/theme';
export default function TabLayout() {
return (
<Tabs
screenOptions={{
tabBarActiveTintColor: Colors.primary,
tabBarInactiveTintColor: Colors.gray[400],
tabBarStyle: {
backgroundColor: Colors.white,
borderTopColor: Colors.gray[200],
paddingBottom: Spacing.sm,
paddingTop: Spacing.sm,
height: Spacing.xxxl + Spacing.xl + 1,
},
tabBarLabelStyle: { fontWeight: FontWeight.medium },
headerStyle: { backgroundColor: Colors.white },
headerTitleStyle: { fontWeight: FontWeight.bold, 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>
);
}