Jetpack Compose中rememberSaveable状态恢复异常求助

1. 调整导航参数，正确保存页面状态 #

当前导航配置未妥善保存原页面状态，导致返回时状态重置。修改导航代码如下：

navController.navigate(it.route) {
    // 检查目标页面是否已在栈中存在
    val existingDestination = navController.backQueue.firstOrNull { entry ->
        entry.destination.route == it.route
    }
    if (existingDestination != null) {
        // 若目标页面已存在，弹出到该页面并保存状态
        popUpTo(existingDestination.id) {
            saveState = true
        }
    } else {
        // 若目标页面不存在，弹出到起始页但不包含起始页，同时保存起始页状态
        popUpTo(navController.graph.findStartDestination().id) {
            saveState = true
            inclusive = false
        }
    }
    launchSingleTop = true
    restoreState = true
}

2. 确保状态绑定到正确作用域 #

确认span状态声明在页面级Composable的根作用域，避免因局部作用域重建导致状态丢失：

@Composable
fun HomeScreen() {
    // 状态绑定到页面根作用域，与页面生命周期关联
    var span by rememberSaveable { mutableLongStateOf(0L) }

    Column {
        Button(onClick = { span = 2 }) {
            Text("设置span为2")
        }
        Text("当前span值：$span")
    }
}

3. 避免使用inclusive=true破坏栈结构 #

添加inclusive=true会将起始页弹出栈，导致返回时栈为空，出现popBackStack失效、BottomAppBarItem需点击两次的问题。除非明确需要替换起始页，否则禁止将起始页纳入弹出范围。

原理说明 #

• rememberSaveable会将状态存入Composable的SavedStateHandle，只有当页面被系统销毁或导航时通过saveState=true标记保存，状态才会被保留。
• popUpTo的saveState=true用于指定弹出栈到目标页面时保存该页面状态；restoreState=true则是导航到目标页面时恢复之前保存的状态。
• BottomAppBar页面切换需保留各页面的栈状态，避免弹出起始页，确保返回时直接回到原页面且状态正常恢复。

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