如何在 Ionic 应用程序中隐藏状态栏后面的栏？

Question

我正在尝试使用 Ionic 的 cordova-plugin-statusbar 删除状态栏和我的应用程序内容之间的不透明栏。这似乎不是状态栏的一部分，因为即使状态栏不可见，它也是可见的。

我认为这个问题可能与缺少 <ion-header> 元素有关，但我很确定。此外，我在其他非 Ionic Cordova 项目中没有遇到过这个问题。

这是我的 $ ionic info:

Cordova CLI: 6.5.0 
Ionic Framework Version: 3.0.1
Ionic CLI Version: 2.2.3
Ionic App Lib Version: 2.2.1
Ionic App Scripts Version: 1.3.0
ios-deploy version: 1.9.0 
ios-sim version: 5.0.13 
OS: macOS Sierra
Node Version: v7.3.0
Xcode version: Xcode 8.3.2 Build version 8E2002

我试过以下状态栏配置：

默认

this.statusBar.styleDefault();

隐藏

this.statusBar.hide();

轻内容

this.statusBar.styleLightContent();

轻内容且无叠加

this.statusBar.overlaysWebView(false);
this.statusBar.styleLightContent();

Answer 1

这似乎是 Ionic View app on iOS. The preview app adds a translucent 20px tall element that cannot be removed with the Status Bar plugin 或 CSS 的一个已知问题。

记录在 Ionic View 应用程序的 Github issues and the Ionic forum 中。

如何在 Ionic 应用程序中隐藏状态栏后面的栏？

How to hide bar behind status bar in Ionic app?

statusbar

ios

ionic-framework

ionic-view

ionic2

默认

隐藏

轻内容

轻内容且无叠加