SwiftUI：如何让后台模拟线程等待UI更新完成后再继续？

方案一：DispatchGroup + Combine 监听状态变化 #

利用DispatchGroup标记等待点，结合Combine监听@Published属性的变化，在UI主线程完成更新后通知后台模拟线程继续执行。

ViewModel 实现

import SwiftUI
import Combine

class SimulationViewModel: ObservableObject {
    @Published var simulationState: String = "Idle"
    private let updateGroup = DispatchGroup()
    private var cancellables = Set<AnyCancellable>()
    
    func startSimulation() {
        // 后台线程启动模拟
        DispatchQueue.global(qos: .userInitiated).async { [weak self] in
            guard let self = self else { return }
            
            // 模拟步骤1：更新UI状态并等待
            self.simulationState = "执行步骤1"
            self.updateGroup.enter()
            self.updateGroup.wait()
            
            // 步骤1的UI已展示，继续模拟逻辑
            Thread.sleep(forTimeInterval: 1)
            
            // 模拟步骤2：更新UI状态并等待
            self.simulationState = "执行步骤2"
            self.updateGroup.enter()
            self.updateGroup.wait()
            
            // 后续模拟步骤...
        }
        
        // 监听状态变化，主线程完成更新后释放等待组
        $simulationState
            .receive(on: DispatchQueue.main)
            .sink { [weak self] _ in
                self?.updateGroup.leave()
            }
            .store(in: &cancellables)
    }
}

视图实现

struct ContentView: View {
    @StateObject private var viewModel = SimulationViewModel()
    
    var body: some View {
        VStack(spacing: 20) {
            Text(viewModel.simulationState)
                .font(.title)
            Button("启动模拟") {
                viewModel.startSimulation()
            }
        }
        .padding()
    }
}

方案二：Async/Await + CheckedContinuation 确认UI更新 #

通过Swift的并发框架，用CheckedContinuation让后台模拟任务暂停，直到视图确认状态已完成渲染。

ViewModel 实现

import SwiftUI

class SimulationViewModel: ObservableObject {
    @Published var simulationState: String = "Idle"
    private var uiContinuation: CheckedContinuation<Void, Never>?
    
    func startSimulation() {
        // 脱离当前actor的后台任务
        Task.detached { [weak self] in
            guard let self = self else { return }
            
            // 更新步骤1状态到UI
            await MainActor.run {
                self.simulationState = "执行步骤1"
            }
            // 等待UI确认更新完成
            await self.waitForUIUpdate()
            
            // 步骤1UI已展示，继续模拟
            try? await Task.sleep(nanoseconds: 1_000_000_000)
            
            // 更新步骤2状态到UI
            await MainActor.run {
                self.simulationState = "执行步骤2"
            }
            await self.waitForUIUpdate()
            
            // 后续模拟步骤...
        }
    }
    
    private func waitForUIUpdate() async {
        await withCheckedContinuation { continuation in
            uiContinuation = continuation
        }
    }
    
    // 供视图调用，确认UI已完成更新
    func confirmUIUpdated() {
        uiContinuation?.resume()
        uiContinuation = nil
    }
}

视图实现

struct ContentView: View {
    @StateObject private var viewModel = SimulationViewModel()
    
    var body: some View {
        VStack(spacing: 20) {
            Text(viewModel.simulationState)
                .font(.title)
                // 监听状态变化，完成渲染后通知ViewModel
                .onChange(of: viewModel.simulationState) { _ in
                    viewModel.confirmUIUpdated()
                }
            
            Button("启动模拟") {
                viewModel.startSimulation()
            }
        }
        .padding()
    }
}

注意事项 #

• 禁止在主线程调用updateGroup.wait()，否则会造成死锁，模拟任务必须在后台队列/脱离主线程的Task中执行。
• 使用CheckedContinuation时，必须确保resume被调用，避免任务永久挂起或内存泄漏。
• 若视图包含复杂布局（如懒加载视图），可结合onAppear和状态判断，确保视图完全渲染后再发送确认信号。

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