如何使用嵌套的 navGraph 和底部导航视图进行导航

Posted 2023-02-19

【中文标题】如何使用嵌套的 navGraph 和底部导航视图进行导航

【英文标题】：How to navigate with nested navGraph and bottom navigation view

【发布时间】：2020-08-23 03:59:59

【问题描述】：

我有 3 个项目的底部导航视图，我的 navGraph 看起来像这样：

<navigation 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"
app:startDestination="@id/nested_navigation"

<navigation
    android:id="@+id/nested_navigation"
    app:startDestination="@id/mainFragment" >
    <fragment
        android:id="@+id/mainFragment"
        android:name="com.example.app.ui.main.MainFragment"
        android:label="main_fragment"
        tools:layout="@layout/main_fragment" />
    <fragment
        android:id="@+id/list"
        android:name="com.example.app.ui.main.List"
        android:label="fragment_news_list"
        tools:layout="@layout/fragment_list" />
</navigation>

<fragment
    android:id="@+id/settings"
    android:name="com.example.app.ui.main.Settings"
    android:label="Settings" />
</navigation>

底部导航视图中带有嵌套 navGraph 片段的导航可以正常工作，但是如果我导航到嵌套 navGraph 之外的 settings_fragment，并且我单击其他项目/片段我无法导航到其他片段，我基本上卡在这个屏幕上。

我检查了如果我将 settings_fragment 放在嵌套的 navGraph 中会发生什么，效果很好。

我该如何解决这个问题？

顺便说一句 - 我很确定它不相关，但设置片段是位于 XML 资源而不是布局资源中的 PreferenceScreen 布局

我的菜单项：

<item
    android:id="@+id/mainFragment"
    android:icon="@drawable/ic_home_black_24dp"
    android:title="@string/home"
    app:showAsAction="ifRoom"
    />
<item
    android:id="@+id/list"
    android:icon="@drawable/ic_format_list_bulleted_black_24dp"
    android:title="@string/news_list"
    app:showAsAction="ifRoom"
    />
<item
    android:id="@+id/settings"
    android:icon="@drawable/ic_settings_black_24dp"
    android:title="@string/settings"
    app:showAsAction="ifRoom"
    />

【问题讨论】：

为什么需要这种嵌套模式？

一般 - 嵌套的 navGraph 内部的 Fragments 关系密切，它们共享 viewModel，如下所示 - developer.android.com/guide/navigation/… 中间的 Fragments 观察第一个 Fragments 从网络获取的列表

【参考方案1】：

底部导航只会考虑根元素。 您可以像在导航图中一样重命名菜单中的项目。

前。您的嵌套图名称是 homeNavigation -> 让我们在菜单中命名 id 是 homeNavigation。

【参考方案2】：

问题与导航图的结构有关。

底部导航只会考虑根元素。

- nested_navigation (root element) defaults to `mainFragment`
 |- mainFragment (child element)
 |- list (child element)
- settings (root element)

因此，鉴于上图，您将只能使用底部导航在settings 和nested_navigation 之间导航，而mainFragment 又是mainFragment。

如果您要在 settings 和 list 之间导航，这是不可能的。

请注意，菜单项的id 必须与图形目标的id 匹配。

例如

<item
    android:id="@+id/nested_navigation"
    android:icon="@drawable/ic_home_black_24dp"
    android:title="@string/home"
    app:showAsAction="ifRoom" />

<item
    android:id="@+id/settings"
    android:icon="@drawable/ic_settings_black_24dp"
    android:title="@string/settings"
    app:showAsAction="ifRoom" />

注意两个元素的id 与root 目标的id 完全匹配。

额外

也许我的其他答案可能有助于补充导航流程 -> How to switch to other fragment in different back stack using Navigation Component?

【讨论】：

我认为你的方法是正确的（我检查了如果我将嵌套的 navGraph id 指定为一个项目并且我能够导航会发生什么），但是 - 我实际上可以导航到我的所有片段，唯一的问题是当我导航到settings 时，我无法导航到其他片段，甚至不能导航到mainFragment。您回答的“问题”是我需要每个片段作为菜单项。用你的方法，我只有 mainFragment 和 settings 作为菜单项

我明白你的意思，但你根本无法用现有的结构做你想做的事。您可以做的是将<fragment android:id="@+id/list" /> 移到嵌套导航之外，例如settings 上方。