Search code examples
ioscordovastatusbariphone-x

Cordova iPhone X status bar adds white empty bar

I want to use StatusBarOverlaysWebView set to false on all ios devices, but then I get a white bar on iPhone X

Cordova iPhone X

If I set StatusBarOverlaysWebView to true then there's no white bar on iPhone X but all other phones without a "notch" will get undesired overlaid status bar which I will have to account for with css, that I don't want to do.

enter image description here

Is there a way for statusbar plugin to not add that extra white space on iPhone X ?

For the record I have latest statusbar plugin installed from github and viewport-fit=cover set

Solution

  • The plugin doesn't work well if you don't use it in the full screen app.

    Switch to using launch storyboards (see splash screen plugin docs), and you will have the full screen app on iPhone X and the statusbar plugin will work as expected.