ionic-frameworkionic3android-drawer

How to change app navbar color when app is in drawer in Ionic 3

I need to change the color of the apps navbar when app is in the drawer.

I tried status bar plugin but it only chnage the color of the status bar when app is open on screen.

this.statusBar.overlaysWebView(false);
this.statusBar.backgroundColorByHexString('#e13c31');

and 

<preference name="StatusBarBackgroundColor" value="red" />
<preference name="StatusBarOverlaysWebView" value="true" />

I want to change Hrythm apps navbar color to red like message app has its own color which is blue.

app screenshot

Solution

  • After spending lots of time searching for this issue, I finally found the solution. I used the "Header Color" plugin to change the color of the header when the app is in the drawer.

    https://ionicframework.com/docs/v3/native/header-color/