How to hide the status bar for a particular screen

Ionic Framework ionic-v3
1

I’m trying to hide the statusbar and make the content fullscreen but it doesn’t seem to work.

in appcomponent.ts .

//for most pages
if (core.isPlatform(OsType.CORDOVA)) {
        this.statusBar.styleLightContent();
        this.statusBar.overlaysWebView(false);
        this.statusBar.backgroundColorByHexString('#0076b2');
 }

code:
in page.ts

//for specific page
 ionViewDidLoad() {
    this.slides.lockSwipes(true);
    if (this.core.isPlatform(OsType.CORDOVA)) {
      this.statusBar.hide();
      this.statusBar.overlaysWebView(true);
    }
  }

  ionViewWillLeave() {
    if (this.core.isPlatform(OsType.CORDOVA)) {
      this.statusBar.show();
      this.statusBar.overlaysWebView(false);
    }
  }

my result is always with the blue Statusbar visible:

Screenshot 2020-01-04 at 04.29.12
Screenshot 2020-01-04 at 04.29.12926×298 55.8 KB

2

@ir2pid Please try to use

ionViewWillEnter() {
		this.statusBar.hide();
}

Instead of ionViewDidLoad()