Jetpack Compose中ViewModel使用遇问题：viewModel()缺失及状态观察报错

一、添加必要依赖 #

在模块级build.gradle.kts（或build.gradle）中添加以下依赖：

• ViewModel核心依赖：

implementation("androidx.lifecycle:lifecycle-viewmodel-ktx:2.6.2")

• Compose与ViewModel集成依赖（提供viewModel()可组合函数）：

implementation("androidx.lifecycle:lifecycle-viewmodel-compose:2.6.2")

• LiveData与Compose集成依赖（提供observeAsState()扩展方法）：

implementation("androidx.compose.runtime:runtime-livedata:1.5.4")

注：版本号可根据当前最新稳定版调整，确保各依赖版本兼容。

二、代码修正 #

1. 解决viewModel()方法缺失问题 #

添加上述lifecycle-viewmodel-compose依赖后，viewModel()方法即可正常使用，无需额外配置。

2. 修复observeAsState()调用及文本显示问题 #

原代码存在两处问题：

• observeAsState()需要传入默认值（适配LiveData可能未初始化的场景）
• 使用by委托后，name直接是String类型，无需再调用.value

修正后的代码：

class HelloViewModel : ViewModel() {
    private var _name = MutableLiveData("View Model")
    val name: LiveData<String> = _name

    fun setName(newName: String) {
        _name.value = newName
    }
}

@Composable
fun ViewModelTest(helloViewModel: HelloViewModel = viewModel()) {
    // 传入与LiveData初始值一致的默认值
    val name by helloViewModel.name.observeAsState("View Model")

    // 直接使用name变量，无需.value
    Text(name)

    Button(onClick = { helloViewModel.setName("ViewModel changed") }) {
        Text(text = "Change Text")
    }
}

补充说明 #

• 确保项目已正确配置Compose基础环境（如buildFeatures { compose true }及对应编译器依赖）
• 若使用新版本Compose和ViewModel，建议优先使用StateFlow替代LiveData，Compose对Flow的支持更原生，可通过collectAsState()方法观察状态

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