使用自定义类使TextField值在重新组合过程中不会继续存在

Use a custom class for the value of TextField does not survive across re-composition(使用自定义类使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值在重新组合过程中不会继续存在的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！