android - 无法让 cordova-plugin-statusbar 在 Android 上设置颜色

Question

这个问题类似于this one但是我已经尝试了所有方法仍然无法获得cordova-plugin-statusbar去工作。

我正在使用 PhoneGap Build 创建 PhoneGap/Cordova 应用程序。在 config.xml 中，我包含了这样的插件:

<gap:plugin name="cordova-plugin-statusbar" source="npm" />

然后我有一些 JavaScript 来设置状态栏颜色:

document.addEventListener('deviceready', SetStatusBarColor, false);

function SetStatusBarColor() {
  if (StatusBar) {
    StatusBar.backgroundColorByHexString('#4CAF50');
  }
}

但是，无论我做什么，我都无法让手机上的状态栏改变颜色。 PhoneGap 使用的是 Cordova 5.2.0 版，我的手机是 Android 5.1.1。

Answer 1

添加插件。运行 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');
}