无法使用 cordova-plugin-statusbar 设置状态栏的颜色答案

【问题标题】：Can't set color of statusbar with cordova-plugin-statusbar无法使用 cordova-plugin-statusbar 设置状态栏的颜色
【发布时间】：2015-10-04 10:36:10
【问题描述】：

我正在尝试更改 ionic 应用程序中本机状态栏的颜色，但无法正常工作。我已经安装了cordova-plugin-statusbar，它安装得很好。以下代码完美运行：

if (StatusBar) {
    StatusBar.hide();
}

但尝试使用任何其他可用功能，例如：

if (StatusBar) {
    StatusBar.backgroundColorByHex('#RRGGBB');
}

不起作用，just 应用使用标准状态栏。

我还在 config.xml 中添加了<preference name="StatusBarOverlaysWebView" value="true" />，并在运行时以编程方式设置它。

Cordova 是 5.1.1 版，Ionic 是 1.5.5 版，我正在使用 Android 21 进行测试。有没有人遇到过同样的问题或知道如何解决？

【问题讨论】：

尝试更改您的家长活动主题。？在 xml 样式中。

标签： android cordova ionic statusbar

【解决方案1】：

在Can't get cordova-plugin-statusbar to set color on Android看到我的原始解决方案

添加插件。运行shell命令：

$ cordova plugin add cordova-plugin-statusbar

编辑您的 config.xml：

<preference name="StatusBarOverlaysWebView" value="true" />
<preference name="StatusBarBackgroundColor" value="#BE1912" />

'#BE1912' 是默认颜色（在应用启动时）。

从您的 java 脚本代码更改运行时间：

if (window.cordova && StatusBar)
{
    StatusBar.backgroundColorByHexString('#BE1912');
}

【讨论】：

【解决方案2】：

您可以尝试删除状态栏插件并像这样重新安装吗：

ionic plugin rm org.apache.cordova.statusbar
ionic plugin add https://github.com/apache/cordova-plugin-statusbar.git

ionic issue tracker也有同样的报道

【讨论】：

成功了！非常感谢。不知道为什么那个旧版本仍然可以这样使用。
知道如何使用 PhoneGap Build 来实现这一点吗？它似乎也在使用旧版本的插件。
@BenjaminHumphrey - 不确定您是否仍然遇到此问题？但是，我不太确定如何使用 PG Build 执行此操作。您是否尝试过安装不同版本的插件，例如：version="1.1.0" />
我解决了这个问题。我的 index.html 文件中没有正确包含 cordova.js，如下所示：<script src="cordova.js"></script>
这再次出现并于 2017 年 2 月 23 日得到修复。答案中建议的相同修复再次有效。查看被接受的提交：github.com/apache/cordova-plugin-statusbar/commit/…

【解决方案3】：

Gil 的解决方案对我不起作用（我有三星 Galaxy S7 Edge）。

onDeviceReady: function () {
    app.receivedEvent('deviceready');
    console.log(StatusBar);
    if (window.cordova && StatusBar) {
        StatusBar.backgroundColorByHexString('#BE1912');
    }
},

【讨论】：

如果设备没有准备好，那么 window.cordova 将是未定义的