ios - 无法更改 $cordovaStatusbar 文本颜色

Question

我的 Ionic 应用程序的状态栏有问题。更具体地说，无论我应用何种样式，我都无法更改栏的默认颜色。

我已经检查过 ngCordova 并且 cordovaStatusbar 插件已经正确安装。

代码片段

app.run(function ($ionicPlatform, $cordovaStatusbar) {

  $ionicPlatform.ready(function () {

        // Color the iOS status bar 
        if (window.StatusBar) {
            $cordovaStatusbar.overlaysWebView(true);
            $cordovaStatusbar.styleHex('#f50'); 
        }
    });
});

这是我在 xCode 模拟器中使用 ionic emulate ios 命令得到的结果。

编辑:

经过多次测试，我认为问题更深入。 .show() 或 .hide() 方法均无效。

app.run(function ($ionicPlatform, $cordovaStatusbar) {

  $ionicPlatform.ready(function () {

        $cordovaStatusbar.hide(); //not hiding the status bar
    });
});

Answer 1

来自插件github page

On iOS 7, when you set StatusBar.statusBarOverlaysWebView to false, you can set the background color of the statusbar by a hex string (#RRGGBB).

所以我通过执行以下操作来完成此工作:

1. 确保 ngCordova 是 installed

2. 将 OverlaysWebView 设置为 false 并设置颜色。

   if(window.StatusBar) {
      $cordovaStatusbar.overlaysWebView(false);
      $cordovaStatusbar.styleHex('#FF0000') //red
   }