（Android）在底部导航视图中切换不同的选项卡时，仅显示设置为起始目的地的片段。其他两个没有显示

Question

我在布局中添加了一个底部导航视图，它有 3 个选项卡。在切换选项卡时，仅显示添加为起始目的地（在导航图中）的片段。休息从未显示。我在实施中使用了导航图和菜单项。

我已经检查了this答案并使导航图文件和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>

菜单底部导航

<?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

Option 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)