ViewModel中LiveData赋值后取值为null，UI无法获取数据求助

问题描述 #

在LoginViewModel.kt中定义了LiveData变量：

private val _loggedInUser = MutableLiveData<User?>()
var loggedInUser: LiveData<User?> = _loggedInUser

通过fetchLoggedInUser函数赋值后，日志明确显示变量已成功设置为非空User对象，但后续出现两个问题：

1. 调用updateUserPhotoPath方法时，loggedInUser.value?.id返回null
2. 在HomepageView中通过val loggedInUser by loginViewModel.loggedInUser.observeAsState()获取的变量也为null

相关代码片段：

// 赋值函数
private fun fetchLoggedInUser(username: String) {
        viewModelScope.launch {
            val user = userRepository.getUserByUsername(username)
            Log.d("LoginViewModel", "Fetched user: $user")
            _loggedInUser.value = user

            if (user != null) {
                Log.d("LoginViewModel", "_loggedInUser set to: ${_loggedInUser.value}")
                Log.d("LoginViewModel", "loggedInUser set to: ${loggedInUser.value}")
            } else {
                Log.d("LoginViewModel", "No user found for username: $username")
            }
        }
    }

// 读取失败的方法
fun updateUserPhotoPath(photoPath: String) {
        val userId = loggedInUser.value?.id
        Log.d("UserImagePicker", "User ID before updating photo path: ${loggedInUser.value?.id}")
        Log.d("UserImagePicker", "New photo path: $photoPath")

        if (userId != null) {
            Log.d("LoginViewModel", "Updating user photo path for userId: $userId with photoPath: $photoPath")
            viewModelScope.launch {
                //userRepository.updateUserPhotoPath(userId, photoPath)
            }
        } else {
            Log.d("LoginViewModel", "User ID is null, cannot update photo path.")
        }
    }

解决方案 #

1. 确保ViewModel实例全局共享 #

问题最可能的原因是登录页面和HomepageView使用的LoginViewModel不是同一个实例，导致赋值后的LiveData在新实例中为空。

在Compose导航场景中，需将ViewModel的作用域设置为整个导航图，而非单个页面：

// 在导航图中获取共享ViewModel实例
val loginViewModel = viewModel<LoginViewModel>(
    viewModelStoreOwner = navController.getViewModelStoreOwner(R.id.main_nav_graph)
)

这样所有属于该导航图的页面都会使用同一个LoginViewModel实例，赋值后的LiveData状态会被保留。

2. 正确使用Compose的状态观察 #

在HomepageView中，observeAsState需明确关联ViewModel的生命周期，并可指定初始值：

// 为observeAsState指定初始null值
val loggedInUser by loginViewModel.loggedInUser.observeAsState(null)

// 监听状态变化，避免直接读取null值
LaunchedEffect(loggedInUser) {
    if (loggedInUser != null) {
        // 处理用户已登录的逻辑
    }
}

3. 改用StateFlow替代LiveData（推荐） #

StateFlow更适配Kotlin协程生态，且状态保留更可靠，替换步骤：

• 在ViewModel中替换LiveData为StateFlow：

private val _loggedInUser = MutableStateFlow<User?>(null)
val loggedInUser: StateFlow<User?> = _loggedInUser

• 赋值方式不变：_loggedInUser.value = user
• 在View中收集状态：

val loggedInUser by loginViewModel.loggedInUser.collectAsState()

• 在ViewModel内部读取状态时，直接访问_loggedInUser.value（因为是同一实例，状态不会丢失）

4. 验证ViewModel生命周期 #

添加日志确认ViewModel是否被意外销毁：

init {
    Log.d("LoginViewModel", "ViewModel initialized")
}

override fun onCleared() {
    super.onCleared()
    Log.d("LoginViewModel", "ViewModel cleared")
}

如果看到ViewModel cleared日志，说明ViewModel在跳转后被销毁，需调整作用域确保其存活。

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