An invalid NavigationBar position after a modal dialog was shown when the StatusBar is in call mode

Question

In my react-navigation application, I use a modal view to display some views. Inside this modal view controller, I also use react-native-image-picker to show the image picker . Problem. When the second modal dialog is displayed, when the status bar is “on call”, the position of the navigation bar of the first modal dialog will be in the status bar of the call. Here is an example (I switch the "call mode" mode in the iOS simulator using ⌘+ Y):

I tried calling forceUpdatein the very first component that contains all the screens when changing the height of the status bar, but this does not fix the problem. Is there a better (or even famous?) Way to get rid of this?

Answer 1

It seems that you are actually pushing this RN error or similar: https://github.com/facebook/react-native/issues/972

The "solution" will be hacked, as you said, but this seems like a normal thing for RN applications.