Ionic / Cordova更改Android导航栏的颜色

问题描述 投票:2回答:4

我正在尝试更改Android中导航栏的颜色(在底部,使用返回键和Home键)-在没有硬件返回键和Back键的手机上。在使用Cordova的Ionic应用程序中。

有没有办法做到这一点?

示例:

Colored navigation

android cordova ionic-framework cordova-plugins
4个回答
2
投票

发现了一个很棒的cordova插件,它的功能非常漂亮:https://www.npmjs.com/package/ionic-plugin-navigation-bar-color


1
投票

您可以在要求的页面中使用以下样式,将其添加到相应的scss文件中,并根据要求使用android进行添加

.toolbar-background-md{
    background-color: 'your color code here';
  }

[如果您想在整个应用程序中保持相同,请将其放在variable.scss

对于ios使用相同的方法,但代替md使用ios标签,如下所示:>

.toolbar-background-ios{
     background-color: 'your color code here';
 }

0
投票

我在我的sass文件theme/variable.scss文件中做了类似的事情


0
投票

@@ Amitairos android导航栏也称为状态栏。 IONIC native对此有一个插件。在此链接https://ionicframework.com/docs/native/status-bar/上签出。

© www.soinside.com 2019 - 2024. All rights reserved.