Android Jetpack Compose：Jetpack Navigation登录转首页合理实现及栈重复问题处理

一、登录页到首页的正确跳转方式 #

跳转时需清除登录页所在的导航栈，让首页成为新的导航根，避免返回时回到登录页，同时为底部导航的正确行为打下基础：

1. 导航图XML配置

在登录页的action中添加popUpTo和inclusive属性：

<action
    android:id="@+id/action_login_to_home"
    app:destination="@id/home_nav_graph" <!-- 首页对应的导航图或Fragment -->
    app:popUpTo="@id/login_fragment"
    app:popUpToInclusive="true"/>

2. 代码方式跳转

如果用Kotlin代码实现跳转，配置NavOptions清除登录页栈：

findNavController().navigate(
    R.id.action_login_to_home,
    null,
    NavOptions.Builder()
        .setPopUpTo(R.id.login_fragment, inclusive = true)
        .build()
)

二、修复底部导航重复入栈问题 #

确保点击底部导航的HomeView/AdminView时，复用已存在的页面实例，而非重复入栈：

1. 配置launchSingleTop

在导航图的HomeView、AdminView目的地中添加launchSingleTop="true"，这样跳转时如果目标页面已在栈顶则不新建实例，不在栈顶则弹出上方页面回到目标：

<fragment
    android:id="@+id/home_view"
    android:name="com.example.HomeFragment"
    app:launchSingleTop="true"/>

<fragment
    android:id="@+id/admin_view"
    android:name="com.example.AdminFragment"
    app:launchSingleTop="true"/>

2. 底部导航点击事件判断

在代码中监听底部导航点击，仅当当前页面不是目标页面时才执行跳转：

bottomNavigationView.setOnItemSelectedListener { item ->
    val navController = findNavController(R.id.nav_host_fragment)
    val currentDestId = navController.currentDestination?.id
    when(item.itemId) {
        R.id.home_view -> {
            if (currentDestId != R.id.home_view) {
                navController.navigate(R.id.home_view)
            }
            true
        }
        R.id.admin_view -> {
            if (currentDestId != R.id.admin_view) {
                navController.navigate(R.id.admin_view)
            }
            true
        }
        else -> false
    }
}

总结 #

通过登录跳转时清除登录栈+底部导航复用页面实例的组合方案，即可解决反复点击底部导航导致页面重复入栈、多次返回才能退出的问题。

内容的提问来源于stack exchange，提问作者user22176356