如何在 ionic 中更改 Android 平台中的 StatusBar 颜色？

Question

我的问题是如何在 ionic 中更改 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();