Bonjour,
Je travaille sur un projet Expo Router avec une configuration totalement basique. Mon problème est que la Safe Area est appliquée par défaut, et je ne trouve aucun moyen de la désactiver.
J’utilise la structure la plus simple possible :
app/index.tsx
import { Text, View } from "react-native";
export default function Index() {
return (
<View style={{ flex: 1 }}>
<Text>Edit app/index.tsx to edit this screen.</Text>
</View>
);
}
ou bien :
import { Text, View } from "react-native";
import { SafeAreaView } from "react-native-safe-area-context";
export default function Index() {
return (
<SafeAreaView style={{ flex: 1 }}>
<Text>Edit app/index.tsx to edit this screen.</Text>
</SafeAreaView>
);
}
→ Aucune différence, la Safe Area est toujours appliquée.
J’ai aussi essayé de la désactiver dans _layout.tsx :
app/_layout.tsx
import { Stack } from "expo-router";
export default function Layout() {
return <Stack screenOptions={{ headerShown: false }} />;
}
→ Toujours aucune différence, la Safe Area est appliquée par défaut.
Mon problème :
Peu importe que j’utilise View ou SafeAreaView, la Safe Area semble toujours active.
Mon projet est un projet Expo basique, sans aucune autre configuration particulière.
Je n’ai trouvé aucune documentation indiquant comment désactiver complètement ce comportement.
Questions :
Comment empêcher Expo Router d’appliquer la Safe Area par défaut ?
Y a-t-il une option cachée pour la désactiver ?
Est-ce un bug ou un comportement volontaire des dernières versions d’Expo Router ?
Merci d’avance pour votre aide !