在 Jetpack Compose 中单击按钮时如何更改文本值？

Question

我有三个可组合按钮和一个可组合 Text()，我想在单击某个可组合按钮时将 Text() 可组合的文本值更改为特定值。

我知道如何xml通过使用来实现这一点setText()，并且我尝试通过使用来解决这个问题MutableStateOf()，但我总是在某个地方出错。

Answer 1

尝试这个：

// if you have issue with remember
import androidx.compose.runtime.*

@Composable
fun ChangeText() {
    var text by remember { mutableStateOf("Click a button") }

    Column(modifier = Modifier.fillMaxSize(), horizontalAlignment = Alignment.CenterHorizontally) {
        Text(text)

        Button(onClick = { text = "Button 1 Clicked" }) {
            Text(text = "Button 1")
        }
        Button(onClick = { text = "Button 2 Clicked" }) {
            Text(text = "Button 2")
        }
        Button(onClick = { text = "Button 3 Clicked" }) {
            Text(text = "Button 3")
        }
    }
}