如何在Android平台中更改StatusBar Color in ionic？

Question

我的问题是如何在android平台中以离子方式更改StatusBar颜色？

我尝试了很多变通方法，但没有一个能帮助我达到我的要求。

我已安装此插件Cordova-plugin-statusbar

以下是我的代码：

angular.module('starter', ['starter.controller','ionic', 'starter.services','ngCordova'])

.run(function($ionicPlatform) {
  $ionicPlatform.ready(function($ionicPlatform, $cordovaStatusbar) {
    if(window.cordova && window.cordova.plugins.Keyboard) {
      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
      cordova.plugins.Keyboard.disableScroll(true);
    }

    $cordovaStatusbar.overlaysWebView(false);
    $cordovaStatusbar.styleHex('#ABCDEF');

    if(window.Connection) {
        if(navigator.connection.type == Connection.NONE) {
            $ionicPopup.confirm({
                title: "Internet Disconnected",
                content: "The internet is disconnected on your device."
            })
            .then(function(result) {
                if(!result) {
                    ionic.Platform.exitApp();
                }
            });
        }
    }

  });
})

并在 config.xml 文件中设置两个首选项。

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

Answer 1

我使用此配置并且它可以正常工作。

$cordovaStatusbar.overlaysWebView(true); $cordovaStatusbar.styleHex('#ABCDEF'); $cordovaStatusbar.show();