From 925f56a6497a6890d9e737374d30712fccf6eae8 Mon Sep 17 00:00:00 2001
From: Azmog <80716388+AzmogEx@users.noreply.github.com>
Date: Fri, 19 Jun 2026 15:38:16 +0200
Subject: [PATCH] fix(mobile): respecte les safe areas (Dynamic Island +
 indicateur home)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- AppBar : marge haute = inset top (plus de chevauchement avec l'heure/Dynamic Island)
- barre d'onglets : hauteur/marge basse = inset bottom (plus collée au bord)

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 mobile/app/(tabs)/_layout.tsx   | 6 ++++--
 mobile/components/ui/AppBar.tsx | 4 +++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/mobile/app/(tabs)/_layout.tsx b/mobile/app/(tabs)/_layout.tsx
index 62e964b..235d5e1 100644
--- a/mobile/app/(tabs)/_layout.tsx
+++ b/mobile/app/(tabs)/_layout.tsx
@@ -1,9 +1,11 @@
 import { Tabs } from 'expo-router';
 import { Ionicons } from '@expo/vector-icons';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { Colors } from '@/lib/colors';
 import { FontWeight, Spacing } from '@/lib/theme';
 
 export default function TabLayout() {
+  const insets = useSafeAreaInsets();
   return (
     <Tabs
       screenOptions={{
@@ -12,9 +14,9 @@ export default function TabLayout() {
         tabBarStyle: {
           backgroundColor: Colors.white,
           borderTopColor: Colors.gray[200],
-          paddingBottom: Spacing.sm,
+          paddingBottom: insets.bottom,
           paddingTop: Spacing.sm,
-          height: Spacing.xxxl + Spacing.xl + 1,
+          height: Spacing.xxxl + Spacing.xl + 1 + insets.bottom,
         },
         tabBarLabelStyle: { fontWeight: FontWeight.medium },
         headerStyle: { backgroundColor: Colors.white },
diff --git a/mobile/components/ui/AppBar.tsx b/mobile/components/ui/AppBar.tsx
index 1116718..e0bb754 100644
--- a/mobile/components/ui/AppBar.tsx
+++ b/mobile/components/ui/AppBar.tsx
@@ -1,4 +1,5 @@
 import { StyleSheet, Text, View } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { Colors } from '@/lib/colors';
 import { FontSize, FontWeight, LetterSpacing, LineHeight, Spacing } from '@/lib/theme';
 
@@ -16,8 +17,9 @@ interface AppBarProps {
  * du service, avec un titre/sous-titre de page optionnel.
  */
 export default function AppBar({ title, subtitle, right }: AppBarProps) {
+  const insets = useSafeAreaInsets();
   return (
-    <View style={styles.wrapper} accessibilityRole="header">
+    <View style={[styles.wrapper, { paddingTop: insets.top }]} accessibilityRole="header">
       <View style={styles.brandRow}>
         <View style={styles.marianne}>
           <Text style={styles.republique}>RÉPUBLIQUE</Text>