Styjun

First of all, if its duplicated please let me know because I cannot find it.

I m working with the BottomNavigationView with custom icons.

My problem is that, after selecting an item, when its unselected the icon changes its colour/tint rather than reverting to its initial state.

The problem is happening only with the message tab.

This is the initial state (speech bubble is border only)

This is when its highlighted

This is the wrong one (speech bubble is now solid white but it should have a border only)

I try to access that views in the OnNavigationItemSelectedListener but I couldn't...any help will be a life saver ;)

This is the method

private val onNavigationItemSelected = BottomNavigationView.OnNavigationItemSelectedListener 

 var result = false
 when (it.itemId) 
 R.id.bottombarWalks -> 
 it.icon = ResourcesCompat.getDrawable(resources, R.drawable.walks_on,null)
 switchFragment(0, WalksFragment())
 result = true
 
 R.id.bottombarMembership -> 
 it.icon = ResourcesCompat.getDrawable(resources, R.drawable.membership_on,null)
 switchFragment(1, TabFragment.newInstance("Membership tab"))
 result = true
 
 R.id.bottombarHome -> 
 it.icon = ResourcesCompat.getDrawable(resources, R.drawable.home_on,null)
 switchFragment(2, HomeFragment())
 result = true
 
 R.id.bottombarMessages -> 
 it.icon = ResourcesCompat.getDrawable(resources, R.drawable.messages_on,null)
 switchFragment(3, MessagesTabFragment())
 result = true
 
 R.id.bottombarMore -> 
 it.icon = ResourcesCompat.getDrawable(resources, R.drawable.more_on,null)
 switchFragment(4, MoreFragment())
 result = true
 
 
 result

Thanks in advance

@FrancislainyCampos solution

This is the XML that define the bottomNavBar Tabs after applying the @FrancislainyCampos suggestion

This is the selector that I added

With that solution the app is crashing trying to inflate the BottomNavBar with this log:

java.lang.RuntimeException: Unable to start activity ComponentInfouk.org.ramblers.walkreg/uk.org.ramblers.walkreg.ui.MainActivity: android.view.InflateException: Binary XML file line #22: Binary XML file line #22: Error inflating class android.support.design.widget.BottomNavigationView
[...]
 Caused by: android.view.InflateException: Binary XML file line #22: Binary XML file line #22: Error inflating class android.support.design.widget.BottomNavigationView
 Caused by: android.view.InflateException: Binary XML file line #22: Error inflating class android.support.design.widget.BottomNavigationView
 Caused by: java.lang.reflect.InvocationTargetException
[...]
 Caused by: android.content.res.Resources$NotFoundException: Drawable uk.org.ramblers.walkreg:drawable/tab_selector with resource ID #0x7f0700ce
 Caused by: android.content.res.Resources$NotFoundException: File res/drawable/tab_selector.xml from drawable resource ID #0x7f0700ce

Did someone have another idea...I m happy to try whatever because I m out of ideas

That's what I have on this project:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
 <item android:color="@color/orange" android:state_checked="true"/>
 <item android:color="@color/white" android:state_checked="false"/>
</selector>

<menu xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:app="http://schemas.android.com/apk/res-auto">

<item
 android:id="@+id/tab_home"
 android:icon="@drawable/home_blue"
 android:title="@string/tab_home"
 app:showAsAction="always"/>

<item
 android:id="@+id/tab_location"
 android:icon="@drawable/ic_location"
 android:title="Location"
 app:showAsAction="always"/>

<item
 android:id="@+id/tab_tic_tac_toe"
 android:icon="@drawable/ic_tic_tac_toe"
 android:title="Tic Tac Toe"
 app:showAsAction="always"/>

 private fun bottomBarNavigationView() 

 navigation.setOnNavigationItemSelectedListener(onNavigationItemSelectedListener)
 navigation.selectedItemId = R.id.tab_tic_tac_toe


private val onNavigationItemSelectedListener = object : OnNavigationItemSelectedListener 
 override fun onNavigationItemSelected(item: MenuItem): Boolean 

 when (item.itemId) 
 R.id.tab_home -> 
 displayView(FRAG_COUNTER)

 return true
 

 R.id.tab_location -> 
 displayView(FRAG_LOCATION)

 return true
 

 R.id.tab_tic_tac_toe -> 
 displayView(FRAG_TIC_TAC)

 return true
 

 
 return false