BottomNavigationView display both icons and text labels at all times
UPDATE FROM May 8, 2018
You can use
app:labelVisibilityMode="labeled"
directly in <android.support.design.widget.BottomNavigationView />
Source: https://developer.android.com/reference/com/google/android/material/bottomnavigation/LabelVisibilityMode
Don't need this below lengthy solution.
PREVIOUS ANSWER
I had some weird behavior with BottomNavigationView. When I was selecting any item/fragment in it, the fragment pushes BottomNavigationView a bit lower, so text of BottomNavigationView goes below the screen, so only icons were visible and text goes hidden on clicking of any item.
If you are facing that weird behavior then Here is the solution. Just remove
android:fitsSystemWindows="true"
in your root layout of fragment. Just remove this and boom! BottomNavigationView will work fine, now it can be shown with text and icon. I had this in my root CoordinatorLayout of fragment.
Also don't forget to add
BottomNavigationViewHelper.removeShiftMode(bottomNavigationView);
in your activity to disable shifting mode.
Here is that class:
public class BottomNavigationViewHelper {
@SuppressLint("RestrictedApi")
public static void removeShiftMode(BottomNavigationView view) {
//this will remove shift mode for bottom navigation view
BottomNavigationMenuView menuView = (BottomNavigationMenuView) view.getChildAt(0);
try {
Field shiftingMode = menuView.getClass().getDeclaredField("mShiftingMode");
shiftingMode.setAccessible(true);
shiftingMode.setBoolean(menuView, false);
shiftingMode.setAccessible(false);
for (int i = 0; i < menuView.getChildCount(); i++) {
BottomNavigationItemView item = (BottomNavigationItemView) menuView.getChildAt(i);
item.setShiftingMode(false);
// set once again checked value, so view will be updated
item.setChecked(item.getItemData().isChecked());
}
} catch (NoSuchFieldException e) {
Log.e("ERROR NO SUCH FIELD", "Unable to get shift mode field");
} catch (IllegalAccessException e) {
Log.e("ERROR ILLEGAL ALG", "Unable to change value of shift mode");
}
}
}
For anyone still looking for a solution and doesn't want to rely on third party libraries or runtime reflection, BottomNavigationView in Support Library 28/Jetpack natively supports always having text label.
This is the method you're looking for.
Or in XML, app:labelVisibilityMode="labeled"