Search code examples
cordovaionic-frameworkionic3ios11iphone-x

Ionic 3 statusbar top gap on Iphone X (w/ simulator)


Is there any working trick to solve this design bug?

I'm using cordova-plugin-ionic-webview, "viewport-fit=cover" has been added to index.html.

Bug screenshot


Solution

  • It is related to the status bar plugin , which was fixed and merged successfully but it didn't release yet. you can try that plugin directly , for that you need to remove the plugin and installing it from the github url cordova plugin add https://github.com/apache/cordova-plugin-statusbar

    More info refer this issue