In Android, SafeAreaView is not respected on my real device, in emulator it works OK.

[asalha]

Describe the bug Like the title says: In Android, SafeAreaView is not respected on my real device, in emulator it works OK.

Reproduce

Reat device: Huawei Mate 10 Pro. EMUI build: 10.0.0. Android version: 10 Android emulator: Pixel 4, API 30

I did not test on iOS (I don't have a mac), but it seems other people are having the same issue on iOS: https://github.com/jeremybarbet/react-native-modalize/issues/328 https://github.com/jeremybarbet/react-native-modalize/issues/314

Dependencies:

• react-native-modalize [^2.0.8]
• react-native [[email protected]]
• react-native-gesture-handler [~1.10.2]
• expo/react-navigation/react-native-navigation: [[email protected]]

[TomCorvus]

hi @asalha, You can try to put the SafeAreaView in Modalize FooterComponent prop. https://github.com/jeremybarbet/react-native-modalize/issues/286#issuecomment-782104919

or try the @jagwingchoy solution with react-native-safe-area-context useSafeAreaInsets hook. https://github.com/th3rdwave/react-native-safe-area-context#usesafeareainsets