iOS状态栏覆盖Ionic 2中的内容

Question

我遇到的问题是，在我的Ionic View上，顶部没有空间。所以iOS状态栏位于ion-header之上。不幸的是我还没能在Android上测试它。

这是我的HTML代码：

<ion-header>
  <ion-navbar>
    <ion-buttons start>
      <button menuToggle>
        <ion-icon name="menu"></ion-icon>
      </button>
    </ion-buttons>
    <ion-title>spots</ion-title>
    <ion-buttons end>
      <button menuToggle>
        <ion-icon name="menu"></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>
</ion-header>

，这在app.ts中：

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

Answer 1

您需要在app.module

下添加以下代码

IonicModule.forRoot(MyApp, {
        platforms: {
            ios: {
              statusbarPadding: true,
              tabsHideOnSubPages: true
            }
          }
      })

这是最新离子3.2.0的修复