BottomNavigationView items are not placed with equal width

Question

I am working with BottomNavigationView. Seems everything is okay but i have problem that items are not placed with equal width.

<android.support.design.widget.BottomNavigationView
        android:id="@+id/bottomBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:background="@color/colorPrimary"
        android:layout_alignParentBottom="true"
        app:itemBackground="@color/colorPrimary"
        app:itemIconTint="@color/bottom_nav_color"
        app:itemTextColor="@color/bottom_nav_color"
        app:menu="@menu/bottombar_tabs_new"></android.support.design.widget.BottomNavigationView>

This is my menu file.

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">

<item
    android:id="@+id/tab_home_check"
    android:icon="@drawable/ic_home"
    android:title="Home"
    />
<item
    android:id="@+id/tab_rides"
    android:icon="@drawable/ic_road"
    android:title="Rides"
     />
<item
    android:id="@+id/tab_payment"
    android:icon="@drawable/ic_payment"

    android:title="Payment"
     />
<item
    android:id="@+id/tab_profile"
    android:icon="@drawable/ic_profile"
    android:title="Profile"
     />
<item
    android:id="@+id/tab_support"
    android:icon="@drawable/ic_support"
    android:title="Support"
     />
</menu>

And this is the result what i am getting.

So advanced help would be appreciated!

check this : https://stackoverflow.com/a/51147002/7666442 – AskNilesh Sep 19 '19 at 11:26 — AskNilesh, Sep 19 '19 at 11:26
_app:labelVisibilityMode="labeled"_ not found – Piyush Sep 19 '19 at 11:28 — Piyush, Sep 19 '19 at 11:28
You need to update your `dependencies` to `28.0.0-alpha1` – AskNilesh Sep 19 '19 at 11:30 — AskNilesh, Sep 19 '19 at 11:30
Still it's saying that after update it to – Piyush Sep 19 '19 at 11:34 — Piyush, Sep 19 '19 at 11:34
Share your `dependencies` with question – AskNilesh Sep 19 '19 at 11:34 — AskNilesh, Sep 19 '19 at 11:34

score 0 · Answer 1 · edited Sep 19 '19 at 11:26

0

Use This Line

app:labelVisibilityMode="labeled"

edited Sep 19 '19 at 11:26

AskNilesh

63,753
16
113
150

answered Sep 19 '19 at 11:25

suresh madaparthi

337
2
10

Lakhwinder Singh · Answer 2 · 2019-09-19T11:28:40.203

Remove the shift mode

@SuppressLint("RestrictedApi")
private fun removeShiftMode(view: BottomNavigationView) {
   val menuView = view.getChildAt(0) as BottomNavigationMenuView
   try {
   val shiftingMode = menuView.javaClass.getDeclaredField("mShiftingMode")
   shiftingMode.isAccessible = true
   shiftingMode.setBoolean(menuView, false)
   shiftingMode.isAccessible = false
   for (i in 0 until menuView.childCount) {
     val item = menuView.getChildAt(i) as BottomNavigationItemView
     item.setShiftingMode(false)
     item.setChecked(item.itemData.isChecked)
   }
   } catch (e: NoSuchFieldException) {
   Log.e("NoSuchFieldException", "Unable to get shift mode field")
   } catch (e: IllegalAccessException) {
   Log.e("IllegalAccessException", "Unable to change value of shift mode")
}

}

Now we No need to use the above code, we can just use `app:labelVisibilityMode="labeled"` to disable shift effect mode — AskNilesh, Sep 19 '19 at 11:27

BottomNavigationView items are not placed with equal width

2 Answers2