Need to support iPhone 12 status bar height


Tell us which versions you are using:

  • react-native-router-flux v4.2.0
  • react v16.13.1
  • react-native v0.63.0
  • Xcode 12.1

Expected behaviour

All notch iPhone use 44 height before iPhone 12. On iPhone 12/12 Pro/12 Pro Max it’s 47. On iPhone 12 mini it’s 50.

Actual behaviour

Status bar height became 20 on all iPhone 12 series.

Workaround I found

Upgrade react-navigation-stack to the latest 2.10.0 will fix.

Or add this to your project’s package.json file.

  "resolutions": {
    "react-native-router-flux/**/react-navigation-stack": "^2.10.0"

So far I found this workaround will break header and cause Actions.reset() to have a transition in my project.

2 thoughts on “Need to support iPhone 12 status bar height