BottomNavigationView с navhostfragment не показывает фрагмент, Android?

#fragment #bottomnavigationview #android-navigation #android-navigation-graph #android-bottomnavigationview

Вопрос:

Я использую 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, я увижу, что отображается правильный фрагмент. Может кто-нибудь указать, чего мне не хватает?

Комментарии:

1. Вы проверяли, существует ли эта проблема, когда мы используем представление контейнера фрагментов с нижним навигационным представлением?

Ответ №1:

Я не уверен, в чем проблема с нижним навигационным представлением в этом варианте использования. После просмотра нескольких ссылок и сообщений я смог решить

Вам нужно расширение для нижней навигации, которое занимает список навигационных графиков. Я нашел этот фрагмент в одной из ссылок

Расширение BottomNavigationExt.kt

Ваш 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
    )
 

Самое главное, что ваш идентификатор элемента меню и идентификатор графика должны быть одинаковыми