Trouble with status bar on iOS 11

Ionic Framework ionic-v3
4

I solved it (somewhat). Start with these steps:

  1. Replace the standard cordova status bar plugin with the latest version on github (it takes a while to get into the Cordova standard library):

Latest version: https://github.com/apache/cordova-plugin-statusbar

  1. Remove the cordova-wkwebview-engine plugin (if you have it) and install cordova-plugin-ionic-webview. It’s an Ionic-built extension of the wkwebview plugin.

  2. Make sure that you have the meta viewport tag set to viewport-fit=cover in your index file. <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, viewport-fit=cover">

From there, I actually ended up disabling the status bar completely, because in certain cases I still got inconsistent behavior. But these steps allowed me to get a clean app without the status bar.

Hope it helps.

3 Likes