React-native-screens: iOS header not respecting notch anymore

Created on 25 Oct 2019  路  7Comments  路  Source: software-mansion/react-native-screens

I just upgraded from 2.0.0-alpha.4 to alpha.5 and the navbar was not working correctly anymore on iOS (with notch)

image

I digged into the code and found out that following changes are the reason:
https://github.com/kmagiera/react-native-screens/pull/184/files#r338960815

Reverting back those line it's working again!

I'm not too familiar with iOS so not sure what this change should change/fix

Thanks!

Most helpful comment

Latest alpha 2.0.0-alpha.7 shows fine in android but in iOS any content appears behind the header.

All 7 comments

can you share some code that reproduces the issue? this works ok on my Example apps and also on two other apps I'm testing native navigator with

@kmagiera the stacknavigator is nested in a TabNav
I try to create a minimum sample when I get back home!

This problem happens to me too. I just installed react-native-screens. The header of SafeAreaView does not seem to be working as intended.

This doesn't seem to happen with latest alpha anymore. But now screen content appears behind the header.

Latest alpha 2.0.0-alpha.7 shows fine in android but in iOS any content appears behind the header.

Does the issue exist in the newest version @tobiaslins ?

I am closing it due to no response in more than 30 days. Feel free to comment to reopen it.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

joshua-augustinus picture joshua-augustinus  路  4Comments

bitttttten picture bitttttten  路  3Comments

beetlebum picture beetlebum  路  5Comments

harrisrobin picture harrisrobin  路  3Comments

chai86 picture chai86  路  3Comments