Status Bar doesn't work


#1

Hi everybody,
I’m trying to custom the status bar of my app, and i fllow this tutorial [learn.ionicframework.com/formulas/customizing-the-status-bar/][1]

but when i deploy my app in my android phone i have a blank page instead my content.

here my code

    angular.module('starter', ['ionic', 'leaflet-directive', 'ngCordova', 'igTruncate'])


  .run(function($ionicPlatform) {
    $ionicPlatform.ready(function() {
      // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
      // for form inputs)
      if(window.cordova && window.cordova.plugins.Keyboard) {
        cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
        window.cordova.plugins.Keyboard.disableScroll(true);
      }
      if(window.StatusBar) {
        StatusBar.styleDefault();

      }
    });
  })

 .run(function($cordovaStatusbar) {
  $cordovaStatusbar.overlaysWebView(true)

  $cordovaStatusBar.style(1) //Light
  $cordovaStatusbar.styleHex('#FF0000') //red

})

How can i do please ?


#2

Try this and the page should appear, based on my own testing:

.run(function($ionicPlatform, $cordovaStatusbar) {

Now if I could only get the styling to work as I’d like.


#3

yes it’s work. Do you know please how i could have a transparent statusbar, the same in googleMaps ?


#4

Sorry, but I have not yet figured out much about this yet, except that just using:

$cordovaStatusbar.overlaysWebView(true)

changes the status bar font from black to white in my application.


#5

ok thanks a lot. If I find how to have a transparent statusBar, i will put the code here. Thanks