【问题标题】:How to navigate with nested navGraph and bottom navigation view如何使用嵌套的 navGraph 和底部导航视图进行导航
【发布时间】: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 从网络获取的列表

标签: android kotlin bottomnavigationview android-navigation android-jetpack-navigation


【解决方案1】:

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

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

【讨论】:

    【解决方案2】:

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

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

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

    因此,鉴于上图,您将只能使用底部导航在settingsnested_navigation 之间导航,而mainFragment 又是mainFragment

    如果您要在 settingslist 之间导航,这是不可能的。

    请注意,菜单项的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" />
    

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

    额外

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

    【讨论】:

    • 我认为你的方法是正确的(我检查了如果我将嵌套的 navGraph id 指定为一个项目并且我能够导航会发生什么),但是 - 我实际上可以导航到我的所有片段,唯一的问题是当我导航到settings 时,我无法导航到其他片段,甚至不能导航到mainFragment。您回答的“问题”是我需要每个片段作为菜单项。用你的方法,我只有 mainFragmentsettings 作为菜单项
    • 我明白你的意思,但你根本无法用现有的结构做你想做的事。您可以做的是将&lt;fragment android:id="@+id/list" /&gt; 移到嵌套导航之外,例如settings 上方。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-11-11
    • 1970-01-01
    相关资源
    最近更新 更多