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

Posted 2021-04-29

我的底部导航视图有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片段可以正常工作，但是如果我导航到了 settings_fragment嵌套的navGraph之外，我点击其他的项目碎片，我不能导航到其他的碎片，我基本上卡在这个屏幕上。

我检查了一下是怎么回事，如果我把 settings_fragment 在嵌套的navGraph中，它的工作效果很好。

我怎样才能解决这个问题？

顺便说一下--我很确定这没有关系，但是设置片段是......。PreferenceScreen 位于XML资源中的布局，而不是布局资源。

我的菜单项目。

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

答案

问题在于你的导航图的结构。

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

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

因此，在上面的图示中，你只能使用底部导航来在以下元素之间进行导航 settings 和 nested_navigation 这又将是 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 的两个元素正好匹配。id 的 root 目的地。

额外

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