Ionic bar-header padding-top when status bar is hidden

Question

Ionic bar-header padding-top when status bar is hidden

I have a problem using the bar-header component of the ionic-framework. I always have a padding-top of a few pixels (see screenshot). I'm using the cordova plugin org.apache.cordova.statusbar to hide the status bar like this:

  if(window.StatusBar) {
    StatusBar.hide();  
    StatusBar.overlaysWebView(false);
  }

Any help will be highly appreciated.

status bar padding/margin

ios
cordova
ionic-framework
ionic
statusbar

Answer 1

If you installed the plugin correctly it should be enough to just call

ionic.Platform.fullScreen();

right after you hide the statusbar.

This should probably remove the space at top of your app.