BottomNavigationView on Scroll Hide/show

Question

Ok I know this is duplicate, but no solution that I found didn't work. I don't know what the problem is and why it doesn't work. I would like the BottomNavigationView to hide when scrolling the gridv down and show up when scrolling up. Could anyone help?

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".layout.HomeActivity">

    <androidx.swiperefreshlayout.widget.SwipeRefreshLayout
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <GridView
            android:id="@+id/gridLayout"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:numColumns="2"
            android:scrollbars="none" />

    </androidx.swiperefreshlayout.widget.SwipeRefreshLayout>

    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:layout_alignParentBottom="true"
        app:layout_behavior="@string/hide_bottom_view_on_scroll_behavior"
        android:id="@+id/bottom_menu"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:itemIconTint="@drawable/clicl_menu"
        app:itemTextColor="@drawable/clicl_menu"
        app:menu="@menu/bottom_menu"/>

</RelativeLayout>

Did you try this: https://stackoverflow.com/questions/43142441/hiding-bottomnavigationview-on-scroll — Arty, Oct 02 '18 at 11:51
Why not using `CoordinatorLayout` instead of `RelativeLayout` and adding `app:layout_scrollFlags="scroll|enterAlways"` to the `BottomNavigationView` ? — ʍѳђઽ૯ท, Oct 02 '18 at 11:58

score 0 · Answer 1 · answered Oct 02 '18 at 12:01

I'd do that with CoordinatorLayout and app:layout_scrollFlags:

<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".layout.HomeActivity">

    <androidx.swiperefreshlayout.widget.SwipeRefreshLayout
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <GridView
            android:id="@+id/gridLayout"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:numColumns="2"
            android:scrollbars="none" />

    </androidx.swiperefreshlayout.widget.SwipeRefreshLayout>

    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:layout_alignParentBottom="true"
        android:id="@+id/bottom_menu"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_scrollFlags="scroll|enterAlways"
        app:itemIconTint="@drawable/clicl_menu"
        app:itemTextColor="@drawable/clicl_menu"
        app:menu="@menu/bottom_menu"/>

</androidx.coordinatorlayout.widget.CoordinatorLayout>

I guess you'll need to add `AppbarLayout` and `app:layout_behavior="@string/appbar_scrolling_view_behavior` to your content (`NestedScrollView - refresh anything in there`) in order to hide like that. — ʍѳђઽ૯ท, Oct 02 '18 at 12:06

BottomNavigationView on Scroll Hide/show

1 Answers1