Can't set the statusbar foreground text color


#1

I added the cordova statusbar plugin and set the config.xml with the lightcontent property but it doesn’t seem to do anything to my statusbar which still shows up as black text. How can I change it to white? Am I doing it incorrectly?

  <content src="index.html"/>
  <access origin="*"/>
  <preference name="webviewbounce" value="false"/>
  <preference name="UIWebViewBounce" value="false"/>
  <preference name="DisallowOverscroll" value="true"/>
  <preference name="BackupWebStorage" value="none"/>
  <preference name="StatusBarStyle" value="lightcontent" />
  <preference name="KeyboardDisplayRequiresUserAction" value="false"/>
  <feature name="StatusBar">
    <param name="ios-package" value="CDVStatusBar" onload="true"/>
  </feature>
  <feature name="Keyboard">
    <param name="ios-package" value="IonicKeyboard" onload="true" />
  </feature>

#2

You need to update the statusbar color in your app.js or whereever it should change (in controllers). To set the statusbar color white I call this on startup in my app.js

.run(function($ionicPlatform) {
  $ionicPlatform.ready(function() {
    if(window.StatusBar) {
      // org.apache.cordova.statusbar required
      StatusBar.styleLightContent();
    }
  });
})

With StatusBar.style.LightContent(); the content of the statusbar will be white. with .Default() it gets black again. Hope this helps! Greetings


#3

I’ll give that a shot. Curious: why would they set a preference value in the config.xml if it has no effect at runtime?


#4

Thanks @m1crdy, worked for me.


#5

Sorry, I don’t see where is set an exact color of text. Can you show please?