iOS ionic status bar overlay issue solution

Install  cordova-plugin-statusbar plugin to your ionic app

cordova plugin add cordova-plugin-statusbar

after installation make sure you have the below plugin xml tag is existed in config.xml

<plugin name="cordova-plugin-statusbar" spec="^2.2.3" />

The StatusBar object provides some functions to customize the iOS and Android StatusBar.

Add below line to config.xml

    <feature name="StatusBar">
        <param name="ios-package" onload="true" value="CDVStatusBar" />
    </feature>

Add the below code in app.js

 if (window.StatusBar) {
 // org.apache.cordova.statusbar required
 StatusBar.styleDefault();
 StatusBar.hide();
 StatusBar.overlaysWebView(true);
 // StatusBar.backgroundColorByHexString('#488828');
}

Save it and run your code.