无法让 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');
}