MutableState值在if表达式中无法修改的问题及原因咨询

示例2与示例3的核心差异 #

• 示例2是连续独立的if语句，每次判断都会读取state2的实时值，且每次赋值后state2的状态会立即更新
• 示例3是when表达式一次性赋值，先读取state3的初始值，基于该值计算出最终结果后，仅执行一次赋值操作，中间不会多次修改状态

示例2失效的原因 #

示例2的执行流程会导致状态修改相互抵消：

1. 初始state2 = 0，点击按钮后第一个if判断成立，将state2设为1
2. 第二个if读取到实时更新后的state2 = 1，判断成立，将state2设为2
3. 第三个if读取到实时更新后的state2 = 2，判断成立，将state2设为0
4. 整个流程结束后，state2回到初始值0，因此界面始终显示0

本质是MutableState的赋值为即时生效，连续独立的if语句会基于每次赋值后的最新状态判断，三次修改最终相互抵消。

如何在if表达式中正确修改MutableState #

要避免多次修改抵消，核心是基于状态的快照进行判断计算，最后一次性赋值：

方法1：缓存当前状态+使用else if #

var state2 by remember { mutableStateOf(0) }
Button(onClick = {
    val current = state2 // 缓存当前状态的快照
    if (current == 0) {
        state2 = 1
    } else if (current == 1) {
        state2 = 2
    } else if (current == 2) {
        state2 = 0
    }
}) {
    Text(text = state2.toString())
}

通过else if确保仅执行一次赋值，且判断基于缓存的初始值，避免实时状态变化的干扰。

方法2：用临时变量计算最终值 #

var state2 by remember { mutableStateOf(0) }
Button(onClick = {
    var newState = state2
    if (newState == 0) {
        newState = 1
    }
    if (newState == 1) {
        newState = 2
    }
    if (newState == 2) {
        newState = 0
    }
    state2 = newState // 最后一次性赋值
}) {
    Text(text = state2.toString())
}

所有判断和修改都基于临时变量newState，仅在最后将结果同步给state2，确保只修改一次状态。

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