(Android)在底部导航视图中切换不同的选项卡时，仅显示设置为开始目的地的片段.其他两个未显示

Question

>我在布局中添加了一个底部导航视图，该布局有 3 个选项卡。切换选项卡时，仅显示添加为开始目的地(在导航图中)的片段。其余从未显示。我已经在实现中使用了导航图和菜单项。

我已经检查了这个答案，并在导航图文件和bottom_nav_menu.xml中制作了相同的 id。但是，问题仍然出现了。谁能告诉我我的代码有什么问题(附在下面)？

我的代码：

main_navigation

<?xml version="1.0" encoding="utf-8"?>
<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"
android:id="@+id/main_navigation"
app:startDestination="@+id/navigation_tab1">
<fragment
android:id="@+id/navigation_tab1"
android:name="...Tab1Fragment"
android:label="@string/tab1"
tools:layout="@layout/fragment_tab1">
</fragment>
<fragment
android:id="@+id/navigation_tab2"
android:name="...Tab2Fragment"
android:label="@string/tab2"
tools:layout="@layout/fragment_tab2">
</fragment>
<fragment
android:id="@+id/navigation_tab3"
android:name="...Tab3Fragment"
android:label="@string/navigation_tab3"
tools:layout="@layout/fragment_navigation_tab3">
</fragment>
</navigation>

activity_main

<androidx.constraintlayout.widget.ConstraintLayout xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent">
<include
android:id="@+id/layout_toolbar"
layout="@layout/layout_toolbar" />

<fragment
android:id="@+id/nav_host_fragment"
android:name="androidx.navigation.fragment.NavHostFragment"
android:layout_width="0dp"
android:layout_height="0dp"
app:defaultNavHost="true"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintBottom_toTopOf="@id/bottomNavigationView"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="@id/layout_toolbar"
app:navGraph="@navigation/main_navigation" />
<com.google.android.material.bottomnavigation.BottomNavigationView
android:id="@+id/bottomNavigationView"
android:layout_width="0dp"
android:layout_height="wrap_content"
app:itemTextAppearanceActive="@style/AppNavigationViewItemTextAppearance"
app:itemTextAppearanceInactive="@style/AppNavigationViewItemTextAppearance"
app:itemTextColor="@drawable/bottom_navigation_text"
app:labelVisibilityMode="labeled"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:menu="@menu/menu_bottom_navigation" />
</androidx.constraintlayout.widget.ConstraintLayout>

menu_bottom_navigation

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:id="@+id/navigation_tab1"
android:icon="@drawable/menu_tab1_selector"
android:title="@string/tab1"/>
<item
android:id="@+id/navigation_tab2"
android:icon="@drawable/menu_tab2_selector"
android:title="@string/tab2" />
<item
android:id="@+id/navigation_tab3"
android:icon="@drawable/menu_tab3_selector"
android:title="@string/tab3" />
</menu>

主活动

import android.os.Bundle
import android.view.View
import androidx.databinding.DataBindingUtil
import androidx.navigation.findNavController
import statement for R // This is added correct. No worries
import kotlinx.android.synthetic.main.activity_main.*
import kotlinx.android.synthetic.main.layout_toolbar.view.*
import org.koin.androidx.viewmodel.ext.android.viewModel
class MainActivity : BaseActivity() {

private val mainViewModel: MainViewModel by viewModel()

override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
DataBindingUtil.setContentView<ActivityMainBinding>(this, R.layout.activity_main).also { binding ->
binding.lifecycleOwner = this
}

initUI()
mainViewModel.login()
}

private fun initUI() {
bottomNavigationView.itemIconTintList = null

navController = findNavController(R.id.nav_host_fragment)

navController?.apply {
bottomNavigationView.setupWithNavController(this)
}
}
}

Answer 1

选项 1。尝试使用以下代码：NavigationUI.setupWithNavController(bottomNavigationView, navController)而不是在 initUI 函数中navcontroller.apply{...}。

选项 2.在 initUI 函数中添加bottomNavigationView.setupWithNavController(navController)而不是navcontroller.apply{...}。

Answer 2

在 initUI() 中添加以下代码：

val appBarConfiguration = AppBarConfiguration(
setOf(
R.id.navigation_tab1,
R.id.navigation_tab2,
R.id.navigation_tab3
)
)
setupActionBarWithNavController(navController, appBarConfiguration)