Jetpack Compose下拉刷新实现：并行请求与isRefreshing状态管理

首先需要在你的UI状态类中添加isRefreshing字段，用于追踪刷新状态：

data class UiState(
    val firstData: FirstDataType? = null,
    val secondData: SecondDataType? = null,
    val isRefreshing: Boolean = false // 新增刷新状态标记
)

接下来有两种实现方案，根据你的需求选择：

方案一：等待所有请求完成后统一更新UI #

适合需要两个数据都准备好再更新界面的场景：

fun refresh() {
    // 刷新开始，立即标记为正在刷新
    _state.update { it.copy(isRefreshing = true) }

    viewModelScope.launch(genericErrorHandler) {
        try {
            // 用async启动两个并行请求
            val firstRequestDeferred = async { interactor.firstRequest() }
            val secondRequestDeferred = async { interactor.fetchSecondData() }

            // 等待两个请求全部完成，获取结果
            val firstData = firstRequestDeferred.await()
            val secondData = secondRequestDeferred.await()

            // 统一更新UI状态
            _state.update {
                it.copy(
                    firstData = firstData,
                    secondData = secondData
                )
            }
        } finally {
            // 无论请求成功或失败，最终都标记刷新结束
            _state.update { it.copy(isRefreshing = false) }
        }
    }
}

方案二：单个请求完成后立即更新UI，等待全部请求结束再停止刷新 #

适合希望UI逐步更新，但刷新状态要等所有请求完成才结束的场景：

fun refresh() {
    // 刷新开始，立即标记为正在刷新
    _state.update { it.copy(isRefreshing = true) }

    viewModelScope.launch(genericErrorHandler) {
        // 启动两个并行的子协程，各自完成后更新对应数据
        val firstRequestJob = launch {
            val data = interactor.firstRequest()
            _state.update { it.copy(firstData = data) }
        }

        val secondRequestJob = launch {
            val data = interactor.fetchSecondData()
            _state.update { it.copy(secondData = data) }
        }

        // 等待两个子协程全部执行完成
        firstRequestJob.join()
        secondRequestJob.join()

        // 所有请求结束后，标记刷新状态为false
        _state.update { it.copy(isRefreshing = false) }
    }
}

关键注意点 #

• 必须在**所有请求完成（无论成功失败）**后设置isRefreshing = false，避免界面一直卡在刷新状态
• 使用finally块（方案一）或join()等待所有任务（方案二），能确保刷新状态一定会被重置
• 你的genericErrorHandler会处理请求异常，但不影响finally块或join()后的状态更新逻辑

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