状态栏在 Ionic 应用程序上不起作用答案

【问题标题】：Status bar not working on Ionic app状态栏在 Ionic 应用程序上不起作用
【发布时间】：2016-01-16 04:40:04
【问题描述】：

正如您在此处看到的：

由于某种原因，状态栏将我的固定标题“向下推”了几个像素。有什么办法可以解决吗？

我无法在浏览器上调试，因为这个问题只发生在设备上。

我正在使用默认的 Ionic 应用程序，这是我设置状态栏的地方：

.run(function($ionicPlatform) {
    $ionicPlatform.ready(function() {
        if(window.StatusBar){
            StatusBar.styleDefault();
        }
    });
})

【问题讨论】：

您想隐藏状态栏还是简单地将导航栏颜色合并到状态栏，以便导航栏看起来像其他标准 iOS 应用程序一样大？
我认为这里最好的选择是始终显示导航栏。
您的视图控制器是否嵌入在UINavigationController 中？如果没有，那么您必须手动将视图控制器向上移动 20 点。
您能发布一个指向实时网络应用程序的链接吗？甚至只是一个 JSFiddle？
@Chuck 我正在使用默认的 Ionic 应用程序。我已经用一些代码更新了我的问题 - 其他一切都是默认设置。

标签： ios ionic

【解决方案1】：

我认为您可以通过config.xml 中的正确配置来解决此问题。如需更多信息，请参阅https://github.com/apache/cordova-plugin-statusbar

<preference name="StatusBarOverlaysWebView" value="true" />

【讨论】：

【解决方案2】：

您是否尝试过将应用程序设置为全屏？

$ionicPlatform.ready(function() {

  if(window.StatusBar){
    StatusBar.styleDefault();
  }

  ionic.Platform.fullScreen();

});

【讨论】：

【解决方案3】：

将手机连接到电脑并打开谷歌浏览器，你会看到这条路线 chrome://inspect/#devices

这可以让你调试手机

希望对你有帮助。

对不起，问题是IOS

http://moduscreate.com/enable-remote-web-inspector-in-ios-6/

它也适用于 ios 9

【讨论】：