Android Compose重组疑问：两段Experience代码为何表现不同？

我正在通过Experience可组合函数探索Android Compose重组机制，对其行为存在困惑：

第一段代码：点击按钮后Experience()未重组 #

@Composable
fun Experience() {
    println("Expericence() : Recomposition")

    var j = 5
    var i by remember { mutableIntStateOf(5) }

    Row {
        Button(
            onClick = {
                i++
                j++
                var text  = "i=$i j=$j"
                println(text)
            }
        ) {
            var text  = "i=$i j=$j"
            println("Button() : Recomposition")
            Text(text)
        }
    }
}

点击按钮修改状态i后，仅Button的content lambda会重组，Experience()本身不会触发重组。

第二段代码：点击按钮后Experience()发生重组 #

@Composable
fun Experience() {
    println("Expericence() : Recomposition")

    var j = 5
    var i by remember { mutableIntStateOf(5) }
    

    Row {
        var text  = "i=$i j=$j"
        Button(
            onClick = {
                i++
                j++
                println(text)
            }
        ) {
            println("Button() : Recomposition")
            Text(text)
        }
    }
}

点击按钮后，Experience()整个函数都发生了重组，以下是该现象的核心原因：

本质：Compose的状态追踪与重组范围逻辑 #

Compose的重组触发完全基于状态读取的追踪链：只有当某个可组合单元（函数、lambda、子组件）直接读取了发生变化的状态时，该单元才会被标记为需要重组，而追踪链的范围直接决定了重组的层级。

1. 第一段代码的重组逻辑

   • 状态i的读取仅发生在Button的content lambda内部，这个lambda是独立的可追踪单元。
   • 当i变化时，Compose仅能追踪到Button的content lambda依赖了i，因此只会重组这个lambda，Experience()函数本身没有直接读取i的操作，所以不会触发整体重组。

2. 第二段代码的关键差异

   • 状态i的读取被移到了Row的lambda内部，而Row是Experience()的直接子可组合，它的lambda属于Experience()函数的执行上下文范畴。
   • Compose会将Row lambda内的状态读取关联到父函数Experience()上——当Row的lambda依赖的i发生变化时，Compose判定Experience()函数需要重组，进而触发整个函数的执行。

补充说明 #

• 普通变量j未用remember或状态容器包裹，每次重组都会被重置为5，这也是两段代码中j的值始终无法在UI上更新的原因。
• Compose的重组优化目标是最小化范围，但状态读取的位置直接决定了重组的触发层级：如果状态读取发生在某个可组合的直接执行上下文里，其父级可组合也可能被牵连，具体由追踪链的关联关系决定。

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