本文介绍了使用自定义类使TextField值在重新组合过程中不会继续存在的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
在下面的代码中,接受mutableStateOf("")
的TextField
按预期工作:TextField
显示我输入的内容。
但是,如果TextField
以StrHolder.s
为值。TextField
没有显示我键入的任何内容。为什么会这样?
class StrHolder(var s: String)
Column {
var text by remember { mutableStateOf("") }
TextField(
value = text,
onValueChange = { text = it },
)
var strHolder by remember {
mutableStateOf(StrHolder(""))
}
Text("My text is: ${strHolder.s}")
TextField(
value = strHolder.s,
onValueChange = { strHolder.s = it },
)
}
推荐答案
若要使mutableStateOf
触发重组,应更新容器值,例如strHolder = newValue
。
它怎么可能知道您更改了某个内部值。
data class
(仅具有val
属性)是在函数式编程中用于此类情况的一个很好的工具:复制数据将使您避免出现此类错误:
data class StrHolder(val s: String)
var strHolder by remember {
mutableStateOf(StrHolder(""))
}
Text("My text is: ${strHolder.s}")
TextField(
value = strHolder.s,
onValueChange = { strHolder = strHolder.copy(s = it) },
)
您可以在documentation中的Compose中找到有关状态的更多信息,其中this youtube video解释了基本原则。
这篇关于使用自定义类使TextField值在重新组合过程中不会继续存在的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!