Android BottomNavigationView disable icon name

Question

I am trying to create a bottom navigation view in android without a title, but I cannot hide the title. In addition, I need an active and inactive icon color to represent the bottom navigation.

Expected Design

Current project

<android.support.design.widget.BottomNavigationView android:id="@+id/bottomNavigationView" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="start" android:layout_alignParentBottom="true" android:background="@color/bottom_nav_colour" app:itemTextColor="@color/black" app:itemIconTint="@color/black" design:menu="@menu/bottom_navigation" /> 

bottom_navigation.xml

 <menu xmlns:android="http://schemas.android.com/apk/res/android"> <item android:id="@+id/menu_home" android:title="@string/menu_home" android:icon="@drawable/home" /> <item android:id="@+id/menu_search" android:title="@string/menu_search" android:icon="@drawable/search"/> <item android:id="@+id/menu_add" android:title="@string/menu_add" android:icon="@drawable/add"/> <item android:id="@+id/menu_wishlist" android:title="@string/menu_wishlist" android:icon="@drawable/wishlist"/> <item android:id="@+id/menu_account" android:title="@string/menu_account" android:icon="@drawable/account" /> </menu> 

Answer 1

You can create a selector for the icons.

selector_home_icon.xml

 <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="drawable/home" android:state_selected="true"/> <item android:drawable="drawable/home_disabled"/> </selector> 

Set this selector as a knockout icon.

bottom_navigation.xml

 <menu xmlns:android="http://schemas.android.com/apk/res/android"> <item android:id="@+id/menu_home" android:title="@string/menu_home" android:icon="@drawable/selector_home_icon" /> ....... </menu>