一个可组合的值如何改变另一个可复合的值

Question

我有textField可组合和button可组合。我希望点击该按钮可以擦除textField组合中的文本。

示例：

var text by remember 
mutableStateOf(TextFieldValue(""))}
TextField(
value = text,
onValueChange = { newValue -> text = newValue },
modifier = Modifier
.padding(8.dp),
)
Button(
onClick = { 
//TODO: clean the text in textFiled
},
modifier = Modifier
.size(200.dp, 40.dp)

) {
Text(text = "erase textField"
}

感谢

Answer 1

• 如下创建一个可变状态->var textState by remember { mutableStateOf("") }
• 创建文本字段->TextField(value = textState, onValueChange = { textState = it })
• 在按钮的onClick中，调用文本State->textState = ""

Answer 2

您只需重置文本mutableState:的值

Button(onClick = { text = TextFieldValue("") })