[英]Jetpack Compose - Bottom navigation bar isn't showing with nested navGraph
[英]How to navigate with nested navGraph and bottom navigation view
我有 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"
/>
問題與導航圖的結構有關。
底部導航將僅考慮根元素。
- 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
完全匹配。
額外的
也許我的其他答案可能有助於補充導航流程->如何使用導航組件切換到不同后台堆棧中的其他片段?
底部導航將僅考慮根元素。 您可以像在導航圖中一樣重命名菜單中的項目。
前任。 您的嵌套圖形名稱是 homeNavigation -> 讓我們在菜單中命名 id 是 homeNavigation。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.