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

Question

我有 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"
    />

Answer 1

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

底部导航将仅考虑根元素。

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

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

如果您要在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完全匹配。

额外的

也许我的其他答案可能有助于补充导航流程->如何使用导航组件切换到不同后台堆栈中的其他片段？

Answer 2

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

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