Disable BottomNavigationView when loading API results

Question

I want to disable clicks on BottomNavigationView when my API results are loading. I have used the code below to disable:

if (bottomNavigationView != null) {
        bottomNavigationView.setClickable(!showLoading);
        bottomNavigationView.setFocusable(!showLoading);
        bottomNavigationView.setEnabled(!showLoading);
        if (showLoading) {
            bottomNavigationView.setOnNavigationItemSelectedListener(null);
        } else {
            bottomNavigationView.setOnNavigationItemSelectedListener(mOnNavigationItemSelectedListener);
        }
    }

What this does is that it prevents the NavigationItemSelectedListener being called. This is perfectly fine.

Issue is, it still selects the menu item and changes the color as per the selector.

TIA

have look [this](https://stackoverflow.com/a/5441329/5110595) — Hemant Parmar, Jan 08 '18 at 07:47

score 0 · Answer 1 · answered Jan 08 '18 at 07:48

0

Just hide the bottomNavigation while the data isloading().No use of showing the view if its disabled or you can do some animations like translations from bottom while the data is loading..

answered Jan 08 '18 at 07:48

Santanu Sur

10,997
7
33
52

score 0 · Answer 2 · answered Jan 09 '18 at 00:58

Figured it out:

This is what my selector looks like

<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:color="@color/grey3" android:state_checked="false" />
<item android:color="@color/blue" />
</selector>

Added all my menu items to a group. Got rid of my previous code to disable and now using the below single line code:

if (bottomNavigationView != null) {
            bottomNavigationView.getMenu().setGroupEnabled(R.id.group1, !showLoading);
//            bottomNavigationView.setClickable(!showLoading);
//            bottomNavigationView.setFocusable(!showLoading);
//            bottomNavigationView.setEnabled(!showLoading);
//            if (showLoading) {
//                bottomNavigationView.setOnNavigationItemSelectedListener(null);
//            } else {
//                bottomNavigationView.setOnNavigationItemSelectedListener(mOnNavigationItemSelectedListener);
//            }
        }

And in the layout xml:

<android.support.design.widget.BottomNavigationView
        android:id="@+id/navigation"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:background="@color/grey0"
        app:elevation="2dp"
        app:layout_anchorGravity="bottom"
        app:menu="@menu/main_nav"
        app:itemTextColor="@color/bottom_nav"
        app:itemIconTint="@color/bottom_nav" />

Last 2 lines is what makes the visual difference.

Hope this helps someone.

Cheers

Disable BottomNavigationView when loading API results

2 Answers2