Jetpack compose 不会在 mutableStateOf 更改时重新组合

Question

我想构建一个非常简单的演示。一个可以点击的按钮，它会计算点击次数。

代码如下：

class MainActivity : ComponentActivity() {
    private var clicks = mutableStateOf(0)

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
           Surface(color = MaterialTheme.colors.background) {
                NewsStory(clicks.value) { onClick() }
           }
        }
    }

    private fun onClick() {
        clicks.value++
    }
}

@Composable
fun NewsStory(clicks: Int, onClick: () -> Unit) {
    Column(modifier = Modifier.padding(8.dp)) {
        Button(onClick = onClick) {
            Text("Clicked: $clicks")
        }
    }
}

据我了解，每次单击按钮时都应重新组合，因为 clicks 已更改。

但它不起作用，任何想法我在这里做错了什么？

我在 androidx.activity:activity-compose:1.3.0-beta01，kotlin 1.5.10 并编写版本 1.0.0-beta08

Answer 1

您需要每次都使用“remember”关键字进行重组，如下所述：https://foso.github.io/Jetpack-Compose-Playground/general/state/

简而言之，您的可组合将如下所示：

    @Composable
fun NewsStory (){
val clickState = remember { mutableStateOf(0) }
Column (modifier = Modifier.padding(8.dp)) {
        Button(
            onClick = { clickState.value++ }) {
        }
        Text("Clicked: $clickState.value.toString()")
    }
}