解决Jetpack Compose与Kotlin Flow配置变更数据丢失问题

问题根源 #

你当前的实现核心错误在于用mutableStateOf<Flow<ISSLocationDTO>>持有Flow本身：

• Flow是冷流，配置变更后Composable重新收集时，要么会重复触发API请求（若Flow是冷流实现），要么因原Flow已完成发射而无新数据返回，最终导致显示空值/初始值。
• ViewModel虽在配置变更时不会重建，但你的实现未缓存API请求结果，而是将Flow作为State的value，违背了状态管理的最佳实践。

修正方案 #

1. 重构ViewModel：用StateFlow缓存数据

将持有Flow的mutableStateOf替换为MutableStateFlow，直接缓存API返回的数据，确保配置变更后数据不丢失：

class HomeScreenViewModel(
    private val issLocationFetching: ISSLocationFetching
) : ViewModel() {
    // 用MutableStateFlow持有数据，初始值设为null或业务默认值
    private val _issLocation = MutableStateFlow<ISSLocationDTO?>(null)
    // 对外暴露不可变的StateFlow，确保数据安全
    val issLocation: StateFlow<ISSLocationDTO?> = _issLocation

    init {
        viewModelScope.launch(Dispatchers.IO + coroutineExceptionHandler) {
            // 若getISSLatitudeAndLongitude()是挂起函数：
            val data = issLocationFetching.getISSLatitudeAndLongitude()
            _issLocation.value = data

            // 若它返回Flow类型，则通过collect更新StateFlow：
            // issLocationFetching.getISSLatitudeAndLongitude()
            //     .collect { data ->
            //         _issLocation.value = data
            //     }
        }
    }
}

2. 重构Composable：安全收集StateFlow

直接收集ViewModel暴露的StateFlow，并处理空值场景：

@Composable
fun ISSData() {
    val homeScreenViewModel: HomeScreenViewModel = viewModel()
    // 用collectAsStateWithLifecycle安全收集StateFlow
    val issLocation by homeScreenViewModel.issLocation.collectAsStateWithLifecycle()

    // 处理空值，避免NullPointerException
    val issLatitude = issLocation?.iss_position?.latitude ?: "暂无数据"

    Text(text = issLatitude, color = AppTheme.colors.primary)
}

为什么这样能解决问题 #

• StateFlow是热流：会自动缓存最新数据，配置变更后Composable重新收集时，会立即拿到缓存的最新值，无需重复触发API请求。
• ViewModel状态持久化：ViewModel在配置变更时不会销毁，StateFlow内的数据会被完整保留。
• 符合架构规范：数据由ViewModel统一管理，Composable仅负责UI渲染，避免了状态与UI耦合的问题。

额外注意事项 #

• 确保coroutineExceptionHandler能正确捕获API请求异常，避免因异常导致StateFlow始终为null。
• 若需要定期刷新数据，可在ViewModel中添加刷新函数，重新调用API并更新StateFlow即可。

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