Navigation Component中子Fragment跳转后侧边菜单失效问题求助

看起来你遇到的是Navigation Component里导航栈状态和侧边栏菜单不匹配的问题！我来帮你捋捋原因和解决办法：

问题根源 #

你现在用requireActivity().findNavController(R.id.nav_host_fragment).navigate(R.id.nav_four)直接跳转时，是在当前的导航栈里新增了一个nav_four的页面实例，而不是调整栈结构让它成为顶级目的地。侧边栏菜单的点击逻辑是基于导航栈的根层级来工作的，当栈里堆积了多层页面时，点击Home（nav_home）就无法正确触发对应的导航行为，看起来就像失效了。

具体解决方案 #

这里给你三种常用的解决思路：

方案一：用NavigationUI自带的方法处理顶级跳转

NavigationUI.onNavDestinationSelected()方法会自动帮你处理导航栈的清理逻辑，完全适配侧边栏的菜单导航规则，直接替换你的跳转代码就行：

// 第二个Fragment里的跳转代码改成这样
val navController = requireActivity().findNavController(R.id.nav_host_fragment)
// 模拟一个对应nav_four的MenuItem
val menuItem = object : MenuItem {
    override fun getItemId(): Int = R.id.nav_four
    override fun setChecked(checked: Boolean) {}
    override fun isChecked(): Boolean = false
    override fun setTitle(title: CharSequence?): MenuItem = this
    override fun setTitle(titleRes: Int): MenuItem = this
    override fun getTitle(): CharSequence? = null
    override fun setIcon(icon: Drawable?): MenuItem = this
    override fun setIcon(iconRes: Int): MenuItem = this
    override fun getIcon(): Drawable? = null
    // 剩余未实现的方法都可以留空或者返回默认值
}
NavigationUI.onNavDestinationSelected(menuItem, navController)

方案二：手动配置跳转时的栈清理

调用navigate()时，通过NavOptions指定popUpTo参数，把当前栈里的非顶级页面全部弹出，确保跳转后nav_four处于栈的正确层级：

val navController = requireActivity().findNavController(R.id.nav_host_fragment)
val navOptions = NavOptions.Builder()
    // 弹出到导航图的起始目的地（也就是你的nav_home），并且包含它本身，这样栈会被清空，nav_four成为新的根
    .setPopUpTo(navController.graph.startDestinationId, inclusive = true)
    .build()
navController.navigate(R.id.nav_four, null, navOptions)

这样跳转后，导航栈里只有nav_four，侧边栏的所有菜单都能正常触发导航了。

方案三：在导航图XML中配置Action

如果你习惯用XML管理导航逻辑，可以在导航图里给第二个Fragment添加到nav_four的Action，配置好栈清理规则：

<fragment
    android:id="@+id/nav_two"
    android:name="com.yourpackage.NavTwoFragment"
    android:label="Fragment Two">
    <action
        android:id="@+id/action_nav_two_to_nav_four"
        app:destination="@id/nav_four"
        <!-- 弹出到起始目的地并包含它，清空栈 -->
        app:popUpTo="@id/nav_home"
        app:popUpToInclusive="true"/>
</fragment>

然后在代码里直接调用：

findNavController().navigate(R.id.action_nav_two_to_nav_four)

总结 #

核心就是要保证手动跳转顶级目的地后，导航栈的结构和侧边栏菜单预期的一致——每个顶级目的地都处于栈的根层级，这样侧边栏的点击逻辑才能正常工作。

备注：内容来源于stack exchange，提问作者Kangel