react-native-safe-area-context

react-native-safe-area-context copied to clipboard

Description

SafeAreaView from doesn't respect safe areas on iOS when used alongside an animated view with {translateY: 0} in the same screen. Using a basic view and padding it with insets from useSafeAreaInsets seems to work normally.

This was originally reported here: https://github.com/kirillzyusko/react-native-keyboard-controller/issues/809

Steps to reproduce

1. Mount a screen that has both SafeAreaView and an animated view with translateY = 0
2. SafeAreaView child renders under "Unsafe" area.

Snack or a link to a repository

https://snack.expo.dev/@rodsar/safeareaview-issue

Safe Area Context version

5.2.0

React Native version

0.76

Platforms

iOS

Architecture

None

Build type

None

Device

iOS simulator

Device model

No response

Acknowledgements

Yes