根据 ionic 1 应用程序中的导航栏颜色更改通知栏的颜色答案

【问题标题】：Change Color of Notification Bar According to Nav Bar Color in ionic 1 Application根据 ionic 1 应用程序中的导航栏颜色更改通知栏的颜色
【发布时间】：2016-09-26 22:27:55
【问题描述】：

我正在使用 Ionic 1 框架开发 Android 应用程序。

在移动设备上使用应用程序时，通知栏的颜色不会改变，它保持默认。

我们需要使用任何特定设置或插件来根据导航栏颜色更改通知栏的颜色吗？

【问题讨论】：

标签： ionic-framework ionic-view

【解决方案1】：

使用插件“cordova-plugin-statusbar”，（https://github.com/apache/cordova-plugin-statusbar）我已经这样做了：

if (window.StatusBar) {
    if (ionic.Platform.isAndroid()) {
        StatusBar.backgroundColorByHexString('#0288D1');
    } else {
        StatusBar.styleLightContent();
    }
}

但是如果你想把它和你的导航栏链接起来，你应该使用离子颜色变量，比如“assertive”，就像这个链接：http://ionicframework.com/docs/components/#colors
您可以阅读我提供给您的两个 URL 上的文档以获取更多信息。

【讨论】：

【解决方案2】：

安装插件

cordova-plugin-statusbar 2.1.3 "StatusBar"

然后在您的 app.run 和 $ionicPlatform.ready 中添加以下代码。那是

app.run(function($ionicPlatform,$cordovaStatusbar){
 $ionicPlatform.ready(function() {
    if(window.StatusBar) {
      $cordovaStatusbar.overlaysWebView(false)
      $cordovaStatusbar.styleHex('#E52225'); //change color
    } 
 })
})

【讨论】：