Is it possible to change background color of android bottom navigation bar using ionic6 and capacitor

Ionic Framework Ionic Angular
1

IMG_20230426_054125
IMG_20230426_054125720×1600 148 KB

Is it possible to change background color of android bottom navigation bar using ionic6 and capacitor , please provide solutions.

2

You can set the color from styles.xml file, by adding a android:navigationBarColor element in the AppTheme.NoActionBar theme, i.e <item name="android:navigationBarColor">#ff0000</item>.

If you want to change it programmatically, then you’ll have to use a plugin, in example @hugotomazi/capacitor-navigation-bar - npm

1 Like