TextField输入时始终为空，onValueChange无法更新ViewModel状态

问题原因 #

你在MainActivity中直接通过MyVM()实例化ViewModel，这种方式创建的实例没有和Compose的生命周期绑定，导致ViewModel中name状态变化时，Compose无法感知到更新，TextField的value不会同步刷新，看起来输入始终为空。

解决方案 #

将ViewModel的实例化方式替换为Compose提供的viewModel()函数，确保ViewModel与Compose生命周期绑定，状态变化能触发UI重组。

修改后的代码 #

MainActivity部分

// 导入必要的包
import androidx.lifecycle.viewmodel.compose.viewModel

val myVM: MyVM = viewModel() // 使用viewModel()获取实例

MyScreen(
    modifier = Modifier.fillMaxSize(),
    name = myVM.name
) {
    myVM.onNameChange(it)
}

其他代码保持不变

你的ViewModel和MyScreen代码逻辑正确，无需修改：

ViewModel：

class MyVM: ViewModel() {
    var name by mutableStateOf("")

    fun onNameChange(newString: String) {
        name = newString
    }
}

MyScreen：

@Composable
fun MyScreen(
    modifier: Modifier,
    name: String,
    onNameChange: (String) -> Unit,
) {
    Box(
        modifier = modifier,
        contentAlignment = Alignment.Center,
    ) {
        OutlinedTextField(
            value = name,
            onValueChange = { newText -> onNameChange(newText) },
            label = { Text(text = "Name") },
            modifier = Modifier
                .fillMaxWidth()
                .padding(8.dp),
        )
    }
}

原理说明 #

viewModel()函数会创建一个与当前Compose上下文（如Activity/Fragment）生命周期绑定的ViewModel实例，当ViewModel中的mutableStateOf变量更新时，Compose会自动监测到状态变化并触发UI重组，TextField就能正确显示输入的内容了。

内容的提问来源于stack exchange，提问作者Ajay Jaiswar