react-native-safe-area-context

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

Repro: https://github.com/chriszs/test-expo-app/pull/4

Before enabling new arch:

After:

This is with 4.10.1.

Try to adjust edges

Did you put in a SafeAreaProvider at the top level?

Issue persists when I add SafeAreaProvider at top level.

Here's the view hierarchy and a description of the safe area view/the child view, if that helps any:

(The duplicate provider view is because I believe Expo Router creates one as well.)

You need to put a safe area provider inside each screen (RNSScreen)

Confirming the issue persists. Adding a new provider to each screen does not help either. Proper edges are included.

I think we still have a few bugs with the new arch. I’m not sure any of the maintainers are using the new arch. If you’d like to take a stab at it we’d happily review and merge PRs. Otherwise I’d recommend holding off upgrading to the new arch

I'm using New Arch and it's working fine there

Failing for me too on a simple swap to new arch. Not entirely sure where to look for the problem just yet given that it theoretically works for some.

My App works fine, but after upgrading to expo 51 and turning on the "New Architecture" SafeAeriaView stops working for me too. I have it imported from 'react-native-safe-area-context', but know its other imports. Anyone have tested another import that works?

Likely fixed in ce8aa20a5206da0520f20847f162653f8d6eb23e, but I haven't had a chance to verify yet.

Yeah, looks like my reproduction no longer fails as of 4.10.5. Closing.

Yes it is working fine in 4.10.7 I had this problem in 4.10.1

I found same problem. SafeAreaView is not working in new architecture here is what I do:

usage :

please guys remember to rebuild after upgrading to new versions.