Search code examples
ioscordovaionic-frameworkstatusbar

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

Solution

  • 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.