react-native-safe-area-context icon indicating copy to clipboard operation
react-native-safe-area-context copied to clipboard

Published 20 hours ago • verified publisher icon th3rdwave

Top padding safeAreaView inside Stack presentation modal

Open andredewaard opened this issue 8 months ago • 1 comments

When using the <SafeAreaView> inside an Stack presentationModal like

layout

<Stack.Screen
        name="[id]"
        options={{ headerShown: false, presentation: 'modal' }}
      ></Stack.Screen>

and inside [id].tsx

    <SafeAreaView style={{ flex: 1 }}>
      <ScrollView contentContainerClassName="flex-1">

the top padding on an iPhone 15 pro max is huge. the useSafeAreaInsets returns 59px.

Screenshot 2024-06-14 at 10 42 28

While on android it doesnt add anything, Note that on Android it doesn't open in a modal but it doesnt apply enough padding. Screenshot 2024-06-14 at 10 42 49

andredewaard avatar Jun 14 '24 08:06 andredewaard