javascript - StatusBar over ion-nav på ionic 3

Hvorfor er statuslinjen min over på ion-nav?

Min home.html ser slik ut

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

Og app.components.ts er slik

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();
});

}

Og dette er en statuslinje på appen min

Svar #1

Jeg har løst det som følger

this.statusBar.overlaysWebView(false);