Jetpack Compose搭配Navigation组件修改底部导航返回行为问题

问题1：其他标签页按系统返回键回到首页时，嵌套导航状态丢失 #

问题原因 #

手动点击底部导航切换标签时，你已经配置了saveState = true和restoreState = true实现状态保存，但系统返回键触发的是Navigation组件默认的回退逻辑，不会走这套状态保存恢复规则，默认回退会直接弹出Home嵌套导航栈内的页面，导致状态重置。

修复步骤 #

1. 先抽出统一的顶级页面导航方法，保证手动切换标签和返回跳转逻辑完全一致：

// 顶级页面导航统一方法
fun NavHostController.navigateToTopLevel(route: String) {
    navigate(route) {
        popUpTo(graph[NavigationRoutes.Home.route]!!.id) {
            saveState = true
            inclusive = false
        }
        launchSingleTop = true
        restoreState = true
    }
}

2. 替换原有BottomNavigationBar里的导航逻辑，直接调用上面的统一方法：

// 替换原来onClick里的navigate代码
onClick = {
    navController.navigateToTopLevel(navItem.route)
}

3. 在根NavHost处拦截非首页顶级标签的系统返回事件，不走默认回退，改用统一导航方法回到首页：

@Composable
fun NavigationHost(navController: NavHostController) {
    val backStackEntry by navController.currentBackStackEntryAsState()
    val currentRoute = backStackEntry?.destination?.route

    // 拦截联系人、收藏页的返回事件
    BackHandler(
        enabled = currentRoute in listOf(
            NavigationRoutes.Contacts.route,
            NavigationRoutes.Favorites.route
        )
    ) {
        navController.navigateToTopLevel(NavigationRoutes.Home.route)
    }

    // 原有NavHost代码保持不变
    NavHost(
        navController = navController,
        startDestination = NavigationRoutes.Home.route,
        route = "root"
    ) {
        homeGraph(navController)
        composable(NavigationRoutes.Contacts.route) {
            ContactsScreen()
        }
        composable(NavigationRoutes.Favorites.route) {
            FavouritesScreen()
        }
    }
}

4. 额外修复底部导航选中态异常问题：原有选中判断只匹配顶级路由，在Home嵌套的Details页时会导致Home按钮不高亮，替换选中逻辑：

BottomNavigationItem(
    // 替换原有selected判断
    selected = backStackEntry?.destination?.parent?.route == navItem.route
            || currentRoute == navItem.route,
    // 其他参数不变
    onClick = { /*...*/ },
    icon = { /*...*/ },
    label = { /*...*/ }
)

问题2：实现「再按一次退出」二次确认 #

实现逻辑 #

仅当用户处于首页根页面（即Dashboard页，Home嵌套导航无其他入栈页面）时，拦截返回事件，记录两次返回点击的时间间隔，间隔小于2秒则退出应用，否则弹出提示。

代码实现 #

在根NavHost中追加以下逻辑即可：

@Composable
fun NavigationHost(navController: NavHostController) {
    val context = LocalContext.current
    val backStackEntry by navController.currentBackStackEntryAsState()
    val currentRoute = backStackEntry?.destination?.route
    // 保存上次点击返回键的时间，重组不丢失
    var lastBackPressTime by remember { mutableLongStateOf(0L) }
    // 判断是否处于首页根页面
    val isAtHomeRoot = currentRoute == NavigationRoutes.Dashboard.route

    // 问题1的BackHandler放在这里
    BackHandler(/*...*/)

    // 再按一次退出拦截
    BackHandler(enabled = isAtHomeRoot) {
        val now = System.currentTimeMillis()
        if (now - lastBackPressTime < 2000) {
            // 间隔小于2秒，退出应用
            (context as Activity).finish()
        } else {
            Toast.makeText(context, "再按一次退出应用", Toast.LENGTH_SHORT).show()
            lastBackPressTime = now
        }
    }

    // 原有NavHost代码不变
    NavHost(/*...*/)
}

注意：首页嵌套导航内（如Details页）的返回逻辑会走Navigation默认规则，从Details返回Dashboard不受上述拦截影响，符合预期交互。

内容的提问来源于stack exchange，提问作者M'aiq the Coder