Ionic Status Bar Issue IOS

ionic-v1
1

I am using the status bar plugin :

GitHub - apache/cordova-plugin-statusbar: Apache Cordova Status Bar Plugin

and in my config.xml I have the following set:

`

` and in my app.js, I have this: 
if (window.StatusBar) {
    if (ionic.Platform.isAndroid()) {
        StatusBar.backgroundColorByHexString("#2DBE60");
    } else {
        StatusBar.styleLightContent();
    }
}

It works fine on Android but in IOS, if I set the StatusBarOverlaysWebView to true, the view is behind the status bar and that’s not what I want. If I set the StatusBarOverlaysWebView to false, it works, but the issue is when the transitions to another, the status bar turns black for a few seconds and then goes white again.

How can I set it so that top status bar is white and stays that way even when navigating between pages on IOS .

2

Hi nourh,

I had the same issue in my app and solved it by following code snippets.

In Config.xml

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

In $ionicPlatform.ready()

if (window.StatusBar) {
   // org.apache.cordova.statusbar required
   StatusBar.overlaysWebView(false);            
   StatusBar.styleDefault();
}