Ionic Plugin: Navigation Bar Color
Change color of navigation bar (Android) for your app in each page.
Install
This plugins needs "cordova-plugin-navigationbar-color"
npm i --save cordova-plugin-navigationbar-color
npm i --save ionic-plugin-navigation-bar-color
Config
For global config using "cordova-plugin-navigationbar-color" you can just add preference to config.xml file.
Where "#000000" is your desired hex string color code.
Add "cordova-plugin-navigationbar-color" plugin tag to config.xml
And you can use "ionic-plugin-navigation-bar-color" to set inside each Ionic module
Import
Import to app.module.ts
;
Add "NavigationBarColor" to provider list
providers:
Import to your component
;
Using
Add to constructor
constructor ..., public navigationBarColor: NavigationBarColor, ...
Use this function to change color
navigationBarColor.backgroundColorByHexString'#000000';
Where "#000000" is your desired hex string color code.