StatusBar поверх ion-nav на ионном 3

Question

Почему мой статус-бар заканчивается на ion-nav?

Мой home.html такой

<ion-header>
<ion-navbar color="royal">
  <button ion-button icon-only menuToggle>
    <ion-icon name="menu"></ion-icon>
  </button>
  <ion-title>
    Empreendimentos
  </ion-title>
</ion-navbar>

И app.components.ts такой

import { StatusBar } from '@ionic-native/status-bar';


initializeApp() {
this.platform.ready().then(() => {
  // Okay, so the platform is ready and our plugins are available.
  // Here you can do any higher level native things you might need.
  this.statusBar.overlaysWebView(true);
  this.statusBar.backgroundColorByHexString('#4a148c');
  this.splashScreen.hide();
});

}

И это строка состояния в моем приложении

Answer 1

Я решил следующим образом

this.statusBar.overlaysWebView(false);