Jetpack Navigation Compose 底部导航按返回键切换上一标签如何实现

Navigation Compose默认的多返回栈逻辑仅维护每个标签独立的内部页面栈，不会记录标签之间的切换顺序，所以系统返回键默认只处理当前标签的内部栈回退。要实现返回切回上一个访问标签的效果，需要手动维护标签访问历史栈，同时拦截系统返回事件自定义回退逻辑。

1. 维护标签访问历史栈
   在NavHost所在的Composable作用域内定义可保存状态的标签访问栈，用于记录用户切换标签的顺序：

// 配置变更时自动保存历史栈状态
val tabVisitStack = rememberSaveable(
    saver = listSaver<MutableList<String>, String>(
        save = { it.toList() },
        restore = { it.toMutableStateList() }
    )
) { 
    // 初始化时添加默认启动的标签路由
    mutableStateListOf(MyAppBottomNavItem.默认首页.route) 
}

2. 修改底部导航点击逻辑，更新访问栈
   调整你原有BottomNavigationItem的onClick代码，每次切换标签时更新历史栈：

onClick = {
    // 避免同一标签重复记录：先移除栈中已有的当前标签路由
    tabVisitStack.remove(item.route)
    // 将新访问的标签压入栈顶
    tabVisitStack.add(item.route)

    // 原有导航逻辑保持不变
    nav.navigate(item.route) {
        popUpTo(nav.graph.findStartDestination().id) {
            saveState = true
        }
        launchSingleTop = true
        restoreState = true
    }
}

3. 拦截系统返回键，自定义回退逻辑
   添加BackHandler拦截返回事件，按照你的需求优先切换上一个访问的标签，再处理标签内部页面回退：

// 获取当前选中的标签路由，和你判断selected的逻辑保持一致即可
val currentTabRoute = currentDestination?.hierarchy?.find { 
    MyAppBottomNavItem.all.any { item -> item.route == it.route } 
}?.route ?: ""

BackHandler {
    // 优先处理标签之间的回退，匹配你示例的交互需求
    if (tabVisitStack.size > 1) {
        // 移除栈顶当前的标签记录
        tabVisitStack.removeLast()
        // 拿到上一次访问的标签路由
        val lastTabRoute = tabVisitStack.last()
        // 导航回上一个标签，自动恢复其页面栈状态
        nav.navigate(lastTabRoute) {
            popUpTo(nav.graph.findStartDestination().id) {
                saveState = true
            }
            launchSingleTop = true
            restoreState = true
        }
    } else {
        // 标签历史栈只剩首页时，再处理当前标签内部的页面回退
        if (nav.previousBackStackEntry != null) {
            nav.popBackStack()
        } else {
            // 没有可回退内容时关闭页面/应用
            (LocalContext.current as Activity).finish()
        }
    }
}

按照你给出的示例场景，调整后第7步按下返回键时，标签历史栈为[B路由, A路由]，会直接触发标签切换逻辑回到B标签的B2页面，完全符合你的预期。

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