title: Android Bottom navigation change text & icon tint on item selection
body: <p>I recently explored BottomNavigationView component of Android. I have 4 menu items and currently my BottomNavigationView configuration looks as below: </p>
  
  <pre><code>&lt;android.support.design.widget.BottomNavigationView
      android:id="@+id/activity_product_details_bottom_navigation_view"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_alignParentBottom="true"
      app:itemBackground="@color/colorPrimary"
      app:itemIconTint="@color/menu_select_deselect"
      app:itemTextColor="@color/menu_select_deselect"
      app:menu="@menu/menu_product_details"/&gt;
  </code></pre>
  
  <p>What I want is the distinguished colors for the element selected &amp; the one's that are deselected. I also created Color state list file named menu_select_deselect.xml placed at res/color directory as follows</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;selector xmlns:android="http://schemas.android.com/apk/res/android"&gt;
  
      &lt;item android:color="@color/white" android:state_checked="true"/&gt;
      &lt;item android:color="@color/tint_color_deselected"/&gt;
  &lt;/selector&gt;
  </code></pre>
  
  <p>menu_product_details.xml is as follows</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;menu xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"&gt;
  
  &lt;item
      android:id="@+id/menu_product_details_home"
      app:showAsAction="ifRoom"
      android:enabled="true"
      android:icon="@drawable/ic_home"
      android:title="@string/menu_product_details_home" /&gt;
  
  &lt;item
      android:id="@+id/menu_product_details_product_documents"
      app:showAsAction="ifRoom"
      android:enabled="true"
      android:icon="@drawable/ic_product_documents"
      android:title="@string/menu_product_details_product_documents" /&gt;
  
  &lt;item
      android:id="@+id/menu_product_details_product_part_list"
      app:showAsAction="ifRoom"
      android:enabled="true"
      android:icon="@drawable/ic_product_part_list"
      android:title="@string/menu_product_details_product_part_list" /&gt;
  
  &lt;item
      android:id="@+id/menu_product_details_product_service"
      app:showAsAction="ifRoom"
      android:enabled="true"
      android:icon="@drawable/ic_product_service"
      android:title="@string/menu_product_details_product_service" /&gt;
  &lt;/menu&gt;
  </code></pre>
  
  <p>Can anyone help me in what is wrong with the code, as only first element is displayed in white color even if I click on other 3 items?</p>