链式MutableState未更新问题：如何正确关联可变状态？

你的问题出在disabledValue的初始化逻辑上：remember { mutableStateOf(items[selectedIndex]) }只会在Composable首次组合时执行一次赋值，后续selectedIndex变化时，这个初始化代码不会重新触发，导致disabledValue始终停留在初始值"A"。

正确处理方案 #

推荐使用derivedStateOf创建依赖其他状态的派生状态，它会自动追踪依赖项的变化，当selectedIndex更新时，disabledValue会同步更新：

@Composable
fun DropDownDemo() {
    var expanded by remember { mutableStateOf(false) }
    val items = listOf("A", "B", "C", "d", "E", "F")
    var selectedIndex by remember { mutableStateOf(0) }
    // 用derivedStateOf派生状态，自动追踪selectedIndex的变化
    val disabledValue by remember { derivedStateOf { items[selectedIndex] } }
    Log.e("mcheck", "$selectedIndex $disabledValue")
    
    Box(
        modifier = Modifier
            .fillMaxSize()
            .wrapContentSize(Alignment.TopStart)
    ) {
        Text(
            items[selectedIndex],
            modifier = Modifier
                .fillMaxWidth()
                .clickable(onClick = { expanded = true })
                .background(Color.Gray)
        )
        DropdownMenu(
            expanded = expanded,
            onDismissRequest = { expanded = false },
            modifier = Modifier
                .fillMaxWidth()
                .background(Color.Red)
        ) {
            items.forEachIndexed { index, s ->
                DropdownMenuItem(onClick = {
                    selectedIndex = index
                    expanded = false
                }) {
                    val disabledText = if (s == disabledValue) " Disabled" else ""
                    Text(text = s + disabledText)
                }
            }
        }
    }
}

可选手动更新方式（不推荐） #

如果需要手动控制更新时机，也可以在修改selectedIndex的同时同步更新disabledValue，但这种方式需要手动维护状态关联，灵活性较差：

DropdownMenuItem(onClick = {
    selectedIndex = index
    disabledValue = items[index] // 手动同步更新状态
    expanded = false
})

核心说明 #

• derivedStateOf是Jetpack Compose处理派生状态的标准方案，适合基于其他状态计算新状态的场景，它会自动跳过不必要的计算，优化性能。
• 直接通过remember初始化的mutableStateOf不会自动追踪依赖项变化，仅在首次组合时完成赋值。

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