我得到“类型不匹配。 必需：State<string?> 使用 Jetpack 组合 viewModel.observeAsState() 时发现：字符串</string?>

Question

我正在创建一个应用程序，它需要用户在文本字段中输入，而不是使用：

var textState = remember { mutableStateOf("") }

我选择使用 viewModels 之类的

var title : State<String?> = addTaskViewModel.title.observeAsState()

TextField(
modifier = Modifier.fillMaxWidth(),
value = title.value!!,
onValueChange = { title = it },
shape = textFieldShape,
colors = textFieldColors,
label = {Text("Add a title",)} )

我收到一个错误

类型不匹配。 必需：State<String?> 找到：String

在 TextField 小部件上设置onValueChange = { title = it }时。

如何将viewModel.observeAsState()与 TextField 一起使用？

Answer 1

最好的方法是在ViewModel class 内部创建一个 function 来更改此值。

就像是：

class TaskViewModel : ViewModel() {

    //Just an example
    private var _title = MutableLiveData("")
    var title: LiveData<String> = _title

    fun onTitleChange(newName: String) {
        _title.value = newName
    }
}

接着：

val title : State<String> = taskViewModel.title.observeAsState("")
TextField(
        modifier = Modifier.fillMaxWidth(),
        value = title.value,
        onValueChange = { taskViewModel.onTitleChange(it) },
        label = {Text("Add a title")} )

或者：

  val title: String by taskViewModel.title.observeAsState("")
  TextField(
        modifier = Modifier.fillMaxWidth(),
        value = title,
        onValueChange = { taskViewModel.onTitleChange(it) },
        label = {Text("Add a title")} )