Jetpack Compose中使用Context/Toast引发不必要重组的问题

问题根源 #

当Main中的text状态更新时，Main会触发重组。此时你定义的update函数因捕获了LocalContext.current，每次重组都会生成新的函数实例，导致传递给Keypad的onClick lambda引用发生变化——Compose检测到参数变化后，就会触发Keypad的无意义重组。

解决方案 #

通过remember保持事件处理lambda的引用稳定，同时用rememberUpdatedState确保能获取到最新的Context，避免内存泄漏或旧Context失效的问题。

修改后的Main可组合项代码如下：

@Composable
fun Main() {
    println("Composed Main")
    val context = LocalContext.current
    // 用rememberUpdatedState持有最新的Context引用
    val updatedContext = rememberUpdatedState(context)

    var text by remember { mutableStateOf("") }

    // 用remember包裹事件处理lambda，确保引用稳定
    val onKeypadClick = remember {
        { num: Number ->
            text = num.toString()
            Toast.makeText(updatedContext.value, "Toast", Toast.LENGTH_SHORT).show()
        }
    }

    Column {
        Text(text)
        // 传递稳定引用的lambda给Keypad
        Keypad(onClick = onKeypadClick)
    }
}

原理说明 #

• rememberUpdatedState：它会在重组时更新内部持有的Context值，但自身引用始终不变。这样lambda里能获取到最新的Context，同时不会因为Context的变化导致lambda引用改变。
• remember：确保包裹的lambda在Main重组时不会重新创建，保持引用稳定。Keypad的onClick参数不再变化，Compose就不会触发它的重组。

这样修改后，点击按钮时只有Main会重组，Keypad不会再发生无意义的重组，同时你依然可以在事件处理中正常使用Context显示Toast。

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