在导航组件中隐藏工具栏或底部导航栏

Question

我关注guide from android.developers 并在我的应用程序中实现了navigation component。 当我需要一些屏幕带有或不带有工具栏/底部导航栏时，我偶然发现了一个问题。

Android 开发者示例的布局

  <androidx.appcompat.widget.Toolbar
        .../>

    <fragment
        android:id="@+id/nav_host_fragment"
        android:name="androidx.navigation.fragment.NavHostFragment"
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"

        app:defaultNavHost="true"
        app:navGraph="@navigation/nav_graph" />

    <com.google.android.material.bottomnavigation.BottomNavigationView
        .../>

强制我在 MainActivity 的 OnDestinationChanged 回调中隐藏/显示工具栏/bottomNavBar：

navController.addOnDestinationChangedListener { _, destination, _ ->
                when (destination) {
                    R.id.topLevelDestination-> {
                        toolbar.visibility = View.GONE
                        bottomNav.visibility = View.VISIBLE
                    }
                    R.id.lowLevelDestination -> {
                        toolbar.visibility = View.VISIBLE
                        bottomNav.visibility = View.GONE
                    }

当然，如果我这样做，我会在看到新片段之前调整布局大小。我的意思是我看到了片段 A 上的底部导航是如何消失的，并且当片段 A 仍在屏幕上时，我在底部导航栏所在的位置看到片段的 B 部分，并且在该片段之后，出现了 B。

如何解决？我需要嵌套导航图吗？

---

更新：添加了问题的 gif 图像

视频说明：它是我屏幕的一部分。在视频中，您可以看到系统 UI、底部导航栏和带有按钮的主要片段。当我单击按钮导航图时，导航图将我导航到 没有 底部导航栏的目的地。所以，我在 OnDestinationChanged 时执行 bottomNavBar.hide()。如您所见，在我实际导航之前，bottomNavBar 消失了，您可以看到在 bottomnavBar 消失后我的目标片段的一部分可见。这就是问题所在。

Answer 1

我坚持了 2 天，但使用 XML 你可以解决你的问题

1. 您需要将工具栏包装到 CoordinatorLayout 中
2. 您的工具栏需要 scrollFlags：滚动并输入
3. 您需要将片段包装在其他层中，并在 layout_behavior 中放入特定行为：@string/appbar_scrolling_view_behavior
4. 在您的 BottomNavigationView 中放置 google 行为：com.google.android.material.behavior.HideBottomViewOnScrollBehavior

类似的东西：

<androidx.coordinatorlayout.widget.CoordinatorLayout
    ...>

    <com.google.android.material.appbar.AppBarLayout
        android:id="@+id/appBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

        <androidx.appcompat.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:layout_scrollFlags="scroll|enterAlways"
            app:popupTheme="@style/ThemeOverlay.AppCompat.ActionBar" />

    </com.google.android.material.appbar.AppBarLayout>

    <androidx.core.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">

        <fragment
            android:id="@+id/fragment_host"
            android:name="androidx.navigation.fragment.NavHostFragment"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:defaultNavHost="true"
            app:navGraph="@navigation/graph_main" />
    </androidx.core.widget.NestedScrollView>

    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/bottom"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_gravity="bottom"
        android:layout_marginStart="0dp"
        android:layout_marginEnd="0dp"
        android:background="?android:attr/windowBackground"
        app:labelVisibilityMode="unlabeled"
        app:layout_behavior="com.google.android.material.behavior.HideBottomViewOnScrollBehavior"
        app:menu="@menu/menu_main" />

</androidx.coordinatorlayout.widget.CoordinatorLayout>

顺便说一句，我放置了 NestedScrollView 以使我的所有片段都准备好滚动并在我需要的地方保存其他布局