根据离子1应用中的导航条颜色更改通知栏的颜色

Question

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

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

是否有任何特定的设置或插件需要使用，根据导航栏颜色更改通知栏的颜色？

Answer 1

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

{{1}}

但如果您想将其与导航栏相关联，则应使用离子颜色变量，例如“断言”，如以下链接：http://ionicframework.com/docs/components/#colors
您可以通过我提供的两个网址阅读文档以获取更多信息。

Answer 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
    } 
 })
})

有关插件的更多详情，请访问

https://github.com/apache/cordova-plugin-statusbar