带有 navhostfragment 的 BottomNavigationView 不显示片段,android?
BottomNavigationView with navhostfragment not showing fragment, android?
-
fragment
-
android-navigation
-
bottomnavigationview
-
android-bottomnavigationview
-
android-navigation-graph
我在片段中使用 navhostfragment 以及底部导航视图。
下面是xML
<androidx.constraintlayout.widget.ConstraintLayout 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"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".HomeFragment">
<androidx.fragment.app.FragmentContainerView
android:id="@+id/nav_host_fragment"
android:name="androidx.navigation.fragment.NavHostFragment"
android:layout_width="0dp"
android:layout_height="0dp"
app:layout_constraintBottom_toTopOf="@+id/bottomMenu"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:navGraph="@navigation/staging_home_nav_graph" />
<com.google.android.material.bottomnavigation.BottomNavigationView
android:id="@+id/bottomMenu"
android:layout_width="0dp"
android:layout_height="wrap_content"
app:labelVisibilityMode="labeled"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:menu="@menu/bottom_menu" />
</androidx.constraintlayout.widget.ConstraintLayout>
在我的片段中,我使用了以下方法
binding.bottomMenu.setupWithNavController(Navigation.findNavController(binding.navHostFragment))
当我运行代码片段打不开。
如果我删除 FragmentContainerView,我会看到显示的是正确的片段。
有人可以指出我错过了什么吗?
我不确定这个用例的底部导航视图有什么问题。通过多个链接和帖子后,我能够解决
您需要一个底部导航扩展,它会占用导航图列表。
我在其中一个链接中找到了那篇文章
你的 XML 看起来像
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
tools:context="home.HomeFragment">
<androidx.fragment.app.FragmentContainerView
android:id="@+id/homeNavHost"
android:name="androidx.navigation.fragment.NavHostFragment"
android:layout_width="0dp"
android:layout_height="0dp"
app:layout_constraintBottom_toTopOf="@+id/bottomMenu"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<com.google.android.material.bottomnavigation.BottomNavigationView
android:id="@+id/bottomMenu"
android:layout_width="0dp"
android:layout_height="wrap_content"
app:labelVisibilityMode="labeled"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:menu="@menu/bottom_menu" />
</androidx.constraintlayout.widget.ConstraintLayout>
最终设置
val navGraphIds = listOf(
R.navigation.dashboard_nav_graph,
R.navigation.offer_nav_graph,
R.navigation.profile_nav_graph,
R.navigation.document_nav_graph,
R.navigation.more_nav_graph
)
// Setup the bottom navigation view with a list of navigation graphs
val controller = binding.bottomMenu.setupWithNavController(
navGraphIds = navGraphIds,
fragmentManager = childFragmentManager,
containerId = R.id.homeNavHost,
intent = requireActivity().intent
)
最重要的是您的菜单项 ID 和图形 ID 应该相同
fragment
android-navigation
bottomnavigationview
android-bottomnavigationview
android-navigation-graph
我在片段中使用 navhostfragment 以及底部导航视图。
下面是xML
<androidx.constraintlayout.widget.ConstraintLayout 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"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".HomeFragment">
<androidx.fragment.app.FragmentContainerView
android:id="@+id/nav_host_fragment"
android:name="androidx.navigation.fragment.NavHostFragment"
android:layout_width="0dp"
android:layout_height="0dp"
app:layout_constraintBottom_toTopOf="@+id/bottomMenu"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:navGraph="@navigation/staging_home_nav_graph" />
<com.google.android.material.bottomnavigation.BottomNavigationView
android:id="@+id/bottomMenu"
android:layout_width="0dp"
android:layout_height="wrap_content"
app:labelVisibilityMode="labeled"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:menu="@menu/bottom_menu" />
</androidx.constraintlayout.widget.ConstraintLayout>
在我的片段中,我使用了以下方法
binding.bottomMenu.setupWithNavController(Navigation.findNavController(binding.navHostFragment))
当我运行代码片段打不开。
如果我删除 FragmentContainerView,我会看到显示的是正确的片段。 有人可以指出我错过了什么吗?
我不确定这个用例的底部导航视图有什么问题。通过多个链接和帖子后,我能够解决
您需要一个底部导航扩展,它会占用导航图列表。 我在其中一个链接中找到了那篇文章
你的 XML 看起来像
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
tools:context="home.HomeFragment">
<androidx.fragment.app.FragmentContainerView
android:id="@+id/homeNavHost"
android:name="androidx.navigation.fragment.NavHostFragment"
android:layout_width="0dp"
android:layout_height="0dp"
app:layout_constraintBottom_toTopOf="@+id/bottomMenu"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<com.google.android.material.bottomnavigation.BottomNavigationView
android:id="@+id/bottomMenu"
android:layout_width="0dp"
android:layout_height="wrap_content"
app:labelVisibilityMode="labeled"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:menu="@menu/bottom_menu" />
</androidx.constraintlayout.widget.ConstraintLayout>
最终设置
val navGraphIds = listOf(
R.navigation.dashboard_nav_graph,
R.navigation.offer_nav_graph,
R.navigation.profile_nav_graph,
R.navigation.document_nav_graph,
R.navigation.more_nav_graph
)
// Setup the bottom navigation view with a list of navigation graphs
val controller = binding.bottomMenu.setupWithNavController(
navGraphIds = navGraphIds,
fragmentManager = childFragmentManager,
containerId = R.id.homeNavHost,
intent = requireActivity().intent
)
最重要的是您的菜单项 ID 和图形 ID 应该相同