Ionic ion-view header behind ios status bar

Question

How do I avoid ionic header from getting behind ios status bar like this?

I created the header with following code:

Answer 1

Just a quick reminder, If this issue only happens in some of the subpages, you probably used nav.push() inside a modal(this is depreciated). To fix this issue, in your modal

import { App, ViewController } from 'ionic-angular';

 constructor(
      public viewCtrl: ViewController
      public app: App
    ) {}

replace push() with below

  //this.navCtrl.push(nextPage);
  this.viewCtrl.dismiss();
  this.appCtrl.getRootNav().push(nextPage);