Jetpack Compose的自动重组和手动重组。

Jetpack Compose的重组是指在Compose中，当UI状态发生变化时，Compose框架会快速重建UI并根据最新的状态信息进行重新渲染。这种机制称为"重组"，因为UI的创建过程是通过组合各种可组合的UI元素而形成的。因此，当状态发生变化时，Compose会重新组合UI元素以反映最新的状态。这种机制有助于开发人员以一种更直观、声明性和响应式的方式构建动态UI。

@Composable
fun Counter() {
    var count by remember { mutableStateOf(0) }

    Column {
        Text(text = "Count: $count")
        Button(onClick = { count++ }) {
            Text("Increase Count")
        }
    }
}

在上述代码中，Counter()函数使用mutableStateOf来跟踪计数器的值，并使用Text和Button元素显示计数器的值和增加计数器的按钮。每当用户按下按钮时，Compose框架将自动检测计数器值的更改，并重新组合UI以反映新的计数器值。

当然，我们也可以手动触发重组

@Composable
fun ManualRecomposePage() {
    var counter = 0
    Box (modifier = Modifier.fillMaxSize(), contentAlignment = Alignment.Center) {
        Content{
            Column {

                val recompose = currentRecomposeScope
                Text("Counter: $counter")

                Button(onClick = { counter++ }) {
                    Text("Increase counter")
                }

                Button(onClick = {
                    recompose.invalidate()
                }) {
                    Text("Recompose")
                }
            }
        }
    }
}

@Composable
fun Content(content: @Composable () -> Unit = {}) {
    content()
}