如何在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();

Light Content＆amp;没有叠加

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

Answer 1

这似乎是Ionic View app on iOS的已知问题。预览应用添加了半透明的20px高元素，无法使用Status Bar plugin或CSS删除。

在Ionic View应用Github issues和Ionic forum中记录。