更改Android状态栏颜色在Cordova中

Question

我想更改Android中的状态栏颜色（我使用6.0进行测试）。 我尝试了状态栏插件和我找到的所有解决方案，但没有任何效果。

这包含在我的config.xml <widget> ：

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

我的index.js不包括：

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

添加了每个包名称和github repo的插件。

到目前为止没有任何工作......

提前致谢！ :)

Answer 1

Statusbar插件将工作。从config.xml中删除这些行

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

并编写StatusBar.backgroundColorByHexString('#3399FF'); 内部设备deviceready如下

document.addEventListener('deviceready', function(){
StatusBar.backgroundColorByHexString('#3399FF');});

Answer 2

我刚刚在config.xml中包含以下首选项，现在正在运行：

<preference name="StatusBarOverlaysWebView" value="true" />
<preference name="StatusBarBackgroundColor" value="#5b2e90" />
<preference name="StatusBarStyle" value="lightcontent" />

Answer 3

在index.html中提到以下代码（应用程序的起始页）
注意 ： - 无需在整个Cordova应用程序中提及，只需在index.html（应用程序的起始页）中提及

<script type="text/javascript" charset="utf-8">
        $(document).ready(function () {
             document.addEventListener("deviceready", onDeviceReady, false); 


        });

        function onDeviceReady() {

            StatusBar.overlaysWebView(false);
            StatusBar.backgroundColorByHexString("#333"); // => #333333

             StatusBar.styleLightContent();
            console.log(statusbar);

        }
</script>