状态栏未在iOS上的Ionic View中隐藏

Question

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

function Run($rootScope, $state, $http) {
  ...
  ionic.Platform.ready(function() {
    ionic.Platform.fullScreen(true, true);
  });
}

这应该使我的应用程序全屏并显示状态栏。当然，在网络浏览器中预览（使用ionic serve或http-server）时，情况看起来很好：

according to the docs

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

是否有一些已知的解决方法？

Answer 1

您需要使用插件cordova-plugin-statusbar来实现此目的。

参考：https://github.com/apache/cordova-plugin-statusbar

在您的应用中使用以下代码隐藏状态栏，

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

Answer 2

除了@Subash回答之外，你需要在Xcode中设置一些状态栏配置，但技巧在你的plist文件中。您需要添加值为“NO”的属性“查看基于控制器的状态栏外观”。希望它有所帮助！

Answer 3

您必须安装插件状态栏：

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

然后，您可以根据需要自定义状态栏：https://ionicframework.com/docs/native/status-bar/

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

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