Jetpack Compose重组时忽略函数参数问题排查

问题描述 #

当父组件传递的enabled参数更新后，Test组件里ExposedDropdownMenuBox的onExpandedChange回调始终使用enabled的初始值，哪怕OutlinedTextField已经正确响应了enabled的变化。

你的Test组件代码：

@Composable
fun Test(enabled: Boolean) {
    var expanded by remember { mutableStateOf(false) }

    ExposedDropdownMenuBox(
        expanded = expanded,
        onExpandedChange = {
            if (enabled) expanded = !expanded
            println("enabled is $enabled") // 始终打印enabled的初始值
        }
    ) {
        OutlinedTextField(
            value = "value",
            onValueChange = { },
            modifier = Modifier.fillMaxWidth(),
            enabled = enabled,
            readOnly = true,
            label = { Text("Label") },
            trailingIcon = {
                ExposedDropdownMenuDefaults.TrailingIcon(expanded = expanded)
            },
        )

        ExposedDropdownMenu(
            expanded = expanded,
            onDismissRequest = {
                expanded = false
            }
        ) {
            DropdownMenuItem(
                onClick = {
                    expanded = false
                },
                text = {
                    Text("Content")
                }
            )
        }
    }
}

测试代码中，2秒后flag变为true，OutlinedTextField转为启用状态，但onExpandedChange仍打印初始的false：

Surface(
    color = MaterialTheme.colorScheme.background
) {
    var flag by remember { mutableStateOf(false) }
    println("flag is $flag")

    LaunchedEffect(Unit) {
        delay(2000)
        flag = !flag
        println("flag is now $flag")
    }

    Test(flag)
}

问题原因 #

核心是闭包捕获的变量快照与Composable重组时机不匹配：

• 每次Test因enabled变化重组时，都会生成新的onExpandedChange闭包，它捕获的是当前最新的enabled值。
• 但ExposedDropdownMenuBox内部可能通过remember缓存了旧的回调实例（未将enabled纳入缓存key），导致触发回调时执行的是旧闭包，它持有的是最初的enabled值。
• 而OutlinedTextField的enabled是重组时直接传递的，所以能实时更新，回调则是异步触发，依赖组件内部保存的旧引用。

解决方案：用rememberUpdatedState获取最新值 #

rememberUpdatedState会创建一个始终持有最新参数值的State对象，哪怕闭包是旧的，也能通过它拿到最新的enabled：

@Composable
fun Test(enabled: Boolean) {
    var expanded by remember { mutableStateOf(false) }
    // 用rememberUpdatedState持有最新的enabled值
    val latestEnabled by rememberUpdatedState(enabled)

    ExposedDropdownMenuBox(
        expanded = expanded,
        onExpandedChange = {
            if (latestEnabled) expanded = !expanded
            println("enabled is $latestEnabled") // 现在会打印最新值
        }
    ) {
        // 其余代码保持不变
    }
}

关于你尝试的两种写法的解释 #

• LaunchedEffect同步可行：
  如果你用LaunchedEffect(enabled)，它会在enabled变化时重新执行协程，能直接获取最新的enabled值来同步状态，因为LaunchedEffect的key包含enabled，参数变化会触发新的执行逻辑。

• remember(enabled)创建状态不可行：
  若你写的是var expanded by remember(enabled) { mutableStateOf(false) }，这只会在enabled变化时重置expanded的初始值，但没解决闭包捕获旧值的问题——旧的onExpandedChange闭包依然被组件持有，捕获的还是之前的enabled。要解决回调的参数更新问题，rememberUpdatedState才是对应场景的正确方案。

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