Composable状态持久化：remember未执行时如何保留状态？

1. 如何确保Composable函数中的状态持久保留，即使包含remember语句的代码在重组时未被调用？ #

实现这种状态持久化，核心有两个解决方向：

• 替换remember为rememberSaveable：remember仅能在Composable的重组周期内保留状态，一旦包含该状态的代码块因条件判断（如if分支不满足）被移出重组树，状态会被销毁。rememberSaveable会将状态序列化后保存到系统Bundle中，即使Composable被移除、页面重建甚至进程重启，状态都能恢复。
• 提升状态作用域：不要将状态定义在条件分支内部，而是把状态声明移到条件判断之外的父级作用域中。这样无论分支是否执行，状态实例都会持续存在，不会因代码块不参与重组而被销毁。

2. 点击“Clear water count”后维持showTask的false状态 #

问题根源 #

你之前用rememberSaveable无效，是因为showTask被定义在if(count > 0)的分支内部。当count重置为0时，这个分支的代码不会被执行，对应的Composable会被移出重组树，即使使用rememberSaveable，该状态实例也会被销毁，自然无法保留之前的false状态。

解决方案 #

将showTask的状态声明提升到条件分支之外的父作用域，用rememberSaveable持久化状态，这样无论count是否大于0，状态都会持续存在。修改后的代码如下：

@Composable
fun WaterCounter(modifier: Modifier = Modifier) {
    Column(modifier = modifier.padding(16.dp)) {
        var count by remember { mutableStateOf(0) }
        // 将showTask提升到条件分支外部，确保状态始终存在
        var showTask by rememberSaveable { mutableStateOf(true) }

        if (count > 0) {
            if (showTask) {
                WellnessTaskItem(
                    onClose = { showTask = false },
                    taskName = "Have you taken your 15 minute walk today?",
                )
            }
            Text("You've had $count glasses.")
        }

        Row(Modifier.padding(top = 8.dp)) {
            Button(
                onClick = { count++ },
                enabled = count < 10
            ) { 
                Text("Add one") 
            }
            Button(
                onClick = { count = 0 },
                modifier = Modifier.padding(start = 8.dp)
            ) {
                Text("Clear water count")
            }
        }
    }
}

额外优化（可选） #

如果需要在每次count从0开始增加时重新显示任务弹窗，可以在“Add one”按钮的点击事件中补充逻辑：

Button(
    onClick = { 
        count++
        // 当count从0变为1时，重新触发任务显示
        if (count == 1) showTask = true
    },
    enabled = count < 10
) { 
    Text("Add one") 
}

内容的提问来源于stack exchange，提问作者Mohamed Anis Mejri