Ionic framework iOS上的Ionic视图中未隐藏状态栏

在我的Ionic v1.2应用程序中，我设置了以下（）：

这将使我的应用程序全屏显示并显示状态栏。当然，在web浏览器中进行预览时（使用

爱奥尼亚服务

或

http服务器

）情况看起来不错：

但在Ionic View中进行测试时，状态栏与标题重叠：

---

有一些已知的解决方法吗？

您需要使用插件cordova插件状态栏来实现这一点

参考：

在你的应用程序中，使用下面的代码隐藏状态栏

document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
    StatusBar.hide();
}

---

除了@Subash answer之外，您还需要在Xcode中设置一些状态栏配置，但技巧就在您的plist文件中。您需要添加值为“否”的属性“基于视图控制器的状态栏外观”。希望有帮助

您必须安装插件状态栏：

$ ionic cordova plugin add cordova-plugin-statusbar
$ npm install --save @ionic-native/status-bar

然后，您可以根据需要自定义状态栏：

我建议您将这些行添加到代码中，这样您仍然可以在屏幕顶部看到状态栏：

if (window.StatusBar) {
  Statusbar.overlaysWebView(true);
  StatusBar.style(1); 
}

if (window.StatusBar) {
  Statusbar.overlaysWebView(true);
  StatusBar.style(1); 
}