Android Disable zoom effect in bottom navigation bar

user_3302647 0
Viewed 4271

I was trying to implement bottom navigation bar. Here I am facing a problem when the menu item getting in zoom on click and that leads some title text truncating from the bar.

Like screenshot given enter image description hereenter image description here

Is there any solution to prevent from this zooming effect?

tabview bottomnavigationview uinavigationbar android java
5 Answers

All you have to do is override the dimension for design_bottom_navigation_active_text_size in your dimens.xml file.

<dimen name="design_bottom_navigation_active_text_size" tools:override = "true" >12sp</dimen>

Here 12sp is the default textsize for inactive bottom navigation item. Set the same for active bottom navigation item as well. You will have no zoom effect.

user_57293110 
public static class BottomNavigationViewHelper {
    @SuppressLint("RestrictedApi")
    public static void disableShiftMode(BottomNavigationView 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);
                //noinspection RestrictedApi
                item.setShifting(false);
                // set once again checked value, so view will be updated
                //noinspection RestrictedApi
                item.setChecked(item.getItemData().isChecked());
            }
        } catch (NoSuchFieldException e) {
            Log.e("BNVHelper", "Unable to get shift mode field", e);
        } catch (IllegalAccessException e) {
            Log.e("BNVHelper", "Unable to change value of shift mode", e);
        }
    }
}
@Override
protected void onStop() {
    super.onStop();
}

}

after this put this

    BottomNavigationViewHelper.disableShiftMode(bottomNavigationView);

I have tried this and it works

user_91869130

Just set the type field of your BottomNavigationBar widget to BottomNavigationBarType.fixed.

type: BottomNavigationBarType.fixed,
user_99224500
Related