BottomNavigationView menampilkan ikon dan label teks setiap saat

Saya menggunakan android.support.design.widget.BottomNavigationView dari design support library versi 25

compile 'com.android.support:design:25.0.0'

<android.support.design.widget.BottomNavigationView
        android:id="@+id/bottomBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_gravity="center"
        app:itemBackground="@color/colorPrimary"
        app:menu="@menu/bottom_navigation_main"
        android:forceHasOverlappingRendering="true"/>

Jika hanya ada tiga tindakan di @ menu / bottom_navigation_main, ini akan menampilkan ikon dan label teks setiap saat.

Bagaimana cara menampilkan ikon dan label teks setiap saat bila ada lebih dari tiga tindakan.

Bagi siapa pun yang masih mencari solusi dan tidak ingin bergantung pada library pihak ketiga atau refleksi waktu proses, BottomNavigationView di Support Library 28 / Jetpack secara native mendukung selalu memiliki label teks.

Ini adalah metode yang Anda cari.

Atau dalam XML, app:labelVisibilityMode="labeled"

DIPERBARUI DARI 8 Mei 2018

Anda dapat menggunakan app:labelVisibilityMode="labeled" langsung di<android.support.design.widget.BottomNavigationView />

Sumber: https://developer.android.com/reference/com/google/android/material/bottomnavigation/LabelVisibilityMode

Tidak perlu solusi panjang di bawah ini.

JAWABAN SEBELUMNYA

Saya memiliki beberapa perilaku aneh dengan BottomNavigationView. Ketika saya memilih item / fragmen apa pun di dalamnya, fragmen tersebut mendorong BottomNavigationView sedikit lebih rendah, sehingga teks BottomNavigationView berada di bawah layar, jadi hanya ikon yang terlihat dan teks tersembunyi saat mengklik item apa pun.

Jika Anda menghadapi perilaku aneh itu maka inilah solusinya. Hapus saja

android:fitsSystemWindows="true"

dalam tata letak root Anda dari fragmen. Hapus saja ini dan boom! BottomNavigationView akan berfungsi dengan baik, sekarang dapat ditampilkan dengan teks dan ikon. Saya memiliki ini di root CoordinatorLayout saya dari fragment.

Juga jangan lupa tambahkan

BottomNavigationViewHelper.removeShiftMode(bottomNavigationView);

dalam aktivitas Anda untuk menonaktifkan mode pergeseran.

Inilah kelas itu:

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");
        }
    }
}

Sulit di versi 25.

Coba kode ini. Tapi saya pikir itu bukan solusi yang baik.

BottomNavigationView navigationView = (BottomNavigationView) findViewById(R.id.bottomBar);
BottomNavigationMenuView menuView = (BottomNavigationMenuView) navigationView.getChildAt(0);
for (int i = 0; i < menuView.getChildCount(); i++) {
    BottomNavigationItemView itemView = (BottomNavigationItemView) menuView.getChildAt(i);
    itemView.setShiftingMode(false);
    itemView.setChecked(false);
}

Berikut adalah fungsi ekstensi Kotlin yang menggabungkan solusi @STAR_ZERO dan @ KishanSolanki124.

fun BottomNavigationView.disableShiftMode() {
    val menuView = getChildAt(0) as BottomNavigationMenuView

    menuView.javaClass.getDeclaredField("mShiftingMode").apply {
        isAccessible = true
        setBoolean(menuView, false)
        isAccessible = false
    }

    @SuppressLint("RestrictedApi")
    for (i in 0 until menuView.childCount) {
        (menuView.getChildAt(i) as BottomNavigationItemView).apply {
            setShiftingMode(false)
            setChecked(false)
        }
    }
}

Untuk menggunakannya:

myBottomNavigation.disableShiftMode()

Apakah Anda ingin efek ini?

Jika demikian, saya merekomendasikan Anda untuk mencoba BottomNavigationViewEx。

Anda dapat menggunakan ini untuk menampilkan teks dan ikon di BottomNevigationView

app:labelVisibilityMode="labeled"

Jika Anda menggunakan ini, Anda akan dapat melihat ikon dan teks

<android.support.design.widget.BottomNavigationView
    app:labelVisibilityMode="labeled"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:id="@+id/bottom_navigation_view"
    android:layout_alignParentBottom="true"
    app:menu="@menu/bottom_navigation_menu"/>

Anda dapat menggunakan app: labelVisibilityMode = "labeled" langsung di

<com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/bottom_navigation"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        app:labelVisibilityMode="labeled"
        android:elevation="8dp"
        android:layout_alignParentBottom="true"
        app:itemBackground="@drawable/bottom_navi"
        app:itemTextColor="@color/white"
        app:itemIconTint="@color/white"
        app:menu="@menu/bottom_nav_menu_managment" />

di kelas BottomNavigationView ada bidang BottomNavigationMenuView dan di BottomNavigationMenuView ada bidang BottomNavigationItemView [], yang merupakan item di bilah bawah.

Katakanlah n adalah jumlah item, BottomNavigationMenuView akan memanggil BottomNavigationItemView.setShiftingMode (n> 3) pada setiap anggota array BottomNavigationItemView []. Fungsi ini memutuskan perilaku (tampilkan judul selalu atau hanya saat pemilihan).

jadi cara untuk selalu menampilkan judul adalah dengan mencoba memanggil metode ini dan Anda dapat menggunakan refleksi untuk mengakses bidang pribadi.

    BottomNavigationView bottomNavigationView= (BottomNavigationView) findViewById(R.id.bottom_navigation);


//  get the private BottomNavigationMenuView field 
        Field f = null;
        try {
            f = bottomNavigationView.getClass().getDeclaredField("mMenuView");
        } catch (NoSuchFieldException e) {
            e.printStackTrace();
        }
        f.setAccessible(true);
        BottomNavigationMenuView menuView=null;
        try {
             menuView = (BottomNavigationMenuView) f.get(bottomNavigationView); 
        } catch (IllegalAccessException e) {
            e.printStackTrace();
        }

//  get the private BottomNavigationItemView[]  field 
        try {
            f=menuView.getClass().getDeclaredField("mButtons");
        } catch (NoSuchFieldException e) {
            e.printStackTrace();
        }
        f.setAccessible(true);
        BottomNavigationItemView[] mButtons=null;
        try {
            mButtons = (BottomNavigationItemView[]) f.get(menuView); 
        } catch (IllegalAccessException e) {
            e.printStackTrace();
        }


        for(int i=0;i<mButtons.length;i++){
            mButtons[i].setShiftingMode(false);
            mButtons[i].setChecked(true);
        }

Untuk menampilkan judul sepenuhnya. Coba kode Kotlin ini:

@SuppressLint("RestrictedApi")
override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContentView(R.layout.activity_ofree)

    navigation.setOnNavigationItemSelectedListener(mOnNavigationItemSelectedListener)

    val menuView = navigation.getChildAt(0) as BottomNavigationMenuView
    for (i in 0 until menuView.childCount) {
        val itemView = menuView.getChildAt(i) as BottomNavigationItemView
        itemView.setShiftingMode(false)
        itemView.setChecked(false)
    }
}

Alternatif untuk BottomNavigationViewEx : BottomBar