尽管布局预览显示,但未显示 BottomNavigationView
BottomNavigationView is not show though layout preview shows
我打算用三个菜单显示 BottomBar(每个菜单都有专用的片段)。 BottomBar 没有出现在 UI 中,尽管同样的预览完全位于片段下方。下面粘贴了 HomeActivity 的 Android Studio 屏幕截图。
ConstraintLayout 是否有任何限制,因为大多数示例都使用 CoordinatedLayout?
<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:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".home.HomeActivity">
<fragment
android:id="@+id/nav_host_home_fragment"
android:name="androidx.navigation.fragment.NavHostFragment"
android:layout_width="match_parent"
android:layout_height="0dp"
app:defaultNavHost="true"
app:layout_constraintBottom_toTopOf="@id/bottomNavigationView"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:navGraph="@navigation/nav_home" />
<com.google.android.material.bottomnavigation.BottomNavigationView
android:id="@+id/bottomNavigationView"
style="@style/Widget.MaterialComponents.BottomNavigationView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="?android:attr/windowBackground"
app:itemIconTint="@color/colorPrimary"
app:itemTextColor="@color/colorPrimary"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:menu="@menu/bottom_home_menu" />
</androidx.constraintlayout.widget.ConstraintLayout>
并在 HomeActivity 中设置 BottomBar 如下:
private fun setupNavigation() {
val navController = findNavController(R.id.nav_host_home_fragment)
// Passing each menu ID as a set of Ids because each
// menu should be considered as top level destinations.
val appBarConfiguration = AppBarConfiguration(
setOf(
R.id.navigation_home, R.id.navigation_bookings, R.id.navigation_profile
)
)
setupActionBarWithNavController(navController, appBarConfiguration)
bottomNavigationView.setupWithNavController(navController)
}
在您的 XML 文件中,在底部导航视图中,
将 android:layout_width="0dp" 更改为 android:layout_width="wrap_content ".
我认为下面的 Stack Overflow 问题是答案(也许,我错了)。我犯的错误是调用起点是片段的导航图。相反,我现在使用 startActivity.
直接调用 Activity
我不确定解决方案;总结一下,虽然不满意
我打算用三个菜单显示 BottomBar(每个菜单都有专用的片段)。 BottomBar 没有出现在 UI 中,尽管同样的预览完全位于片段下方。下面粘贴了 HomeActivity 的 Android Studio 屏幕截图。
ConstraintLayout 是否有任何限制,因为大多数示例都使用 CoordinatedLayout?
<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:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".home.HomeActivity">
<fragment
android:id="@+id/nav_host_home_fragment"
android:name="androidx.navigation.fragment.NavHostFragment"
android:layout_width="match_parent"
android:layout_height="0dp"
app:defaultNavHost="true"
app:layout_constraintBottom_toTopOf="@id/bottomNavigationView"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:navGraph="@navigation/nav_home" />
<com.google.android.material.bottomnavigation.BottomNavigationView
android:id="@+id/bottomNavigationView"
style="@style/Widget.MaterialComponents.BottomNavigationView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="?android:attr/windowBackground"
app:itemIconTint="@color/colorPrimary"
app:itemTextColor="@color/colorPrimary"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:menu="@menu/bottom_home_menu" />
</androidx.constraintlayout.widget.ConstraintLayout>
并在 HomeActivity 中设置 BottomBar 如下:
private fun setupNavigation() {
val navController = findNavController(R.id.nav_host_home_fragment)
// Passing each menu ID as a set of Ids because each
// menu should be considered as top level destinations.
val appBarConfiguration = AppBarConfiguration(
setOf(
R.id.navigation_home, R.id.navigation_bookings, R.id.navigation_profile
)
)
setupActionBarWithNavController(navController, appBarConfiguration)
bottomNavigationView.setupWithNavController(navController)
}
在您的 XML 文件中,在底部导航视图中, 将 android:layout_width="0dp" 更改为 android:layout_width="wrap_content ".
我认为下面的 Stack Overflow 问题是答案(也许,我错了)。我犯的错误是调用起点是片段的导航图。相反,我现在使用 startActivity.
直接调用 Activity我不确定解决方案;总结一下,虽然不满意