Change background colour of area behind selected item in Android Bottom Navigation Bar

Question

Is it possible to change the background colour of the particular portion of the bar behind the selected item of the bottom navigation bar or any third party libraries that support this?

Also is it possible to add a highlighted bar along the bottom of the selected item like the image below?

See below screenshot:

score 15 · Accepted Answer · answered Aug 03 '17 at 05:59

15

You can use the app:itemBackground attribute of BottomNavigationView to do this. The "selected" view is actually checked, so keep that in mind when you're creating your state list.

Something like this should work:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@color/blue" android:state_checked="true"/>
    <item android:drawable="@color/gray"/>
</selector>

answered Aug 03 '17 at 05:59

Ben P.

52,661
6
95
123

Thanks @Ben P. exactly what I needed – d199224 Aug 03 '17 at 15:06
I've just edited the sample image (with a very bad drawing) with one more thing I'd like to add and not sure if its possible....I basically want to highlight the bottom of the selected item...do you know i that's possible? – d199224 Aug 03 '17 at 15:14
For the `state_checked` drawable, use a `` drawable that has a rect shape and a line at the bottom. – Ben P. Aug 03 '17 at 17:08
2

not working in android newest bottom navigation implementation. – Dinith Rukshan Kumara Mar 06 '20 at 21:58
I also get an error if try to implement it this way in the latest bottom navigation version. – Svetlana Rozhkova Jun 11 '20 at 09:09

Change background colour of area behind selected item in Android Bottom Navigation Bar

1 Answers1