首页 > 解决方案 > Ionic 4:状态栏溢出内容的问题

问题描述

我的应用程序有一点问题,StatusBar如您所见,无法正确显示:

在此处输入图像描述

我声明了StatusBarStatusbar pluginhttps: //cordova.apache.org/docs/en/latest/reference/cordova-plugin-statusbar/

app.component.ts

this.statusBar.overlaysWebView(true);
this.statusBar.show();

padding-top我可以为所有我的pages和的设置一个自定义menu吗?或者它是显示的正确方法statusbar

标签: cordovaionic-frameworkstatusbar

解决方案


app.component.ts

initializeApp() {
    this.platform.ready().then(() => {
      this.statusBar.overlaysWebView(true);
      this.splashScreen.hide();
    });
  }

页面.ts

ionViewWillEnter() {
    this.statusBar.overlaysWebView(false); 
    this.statusBar.show();
  }

推荐阅读