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

Question

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

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

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

Answer 1

安装插件

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

Answer 2

使用插件 "cordova-plugin-statusbar"，(https://github.com/apache/cordova-plugin-statusbar) 我是这样完成的：

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

但是如果你想 link 它与你的导航栏，你应该使用离子颜色变量，比如 "assertive"，就像这个 link : http://ionicframework.com/docs/components/#colors
您可以在我给您的两个 URL 上阅读文档以获取更多信息。

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

Change Color of Notification Bar According to Nav Bar Color in ionic 1 Application

ionic-framework

ionic-view