SwiftUI中进程运行时如何实时更新Text？是否需用DispatchQueue？

你遇到的问题核心是主线程被阻塞了——你的循环和模拟耗时操作都在主线程上执行，而SwiftUI的视图更新必须等主线程空闲时才能触发。这就导致整个循环跑完之前，UI根本没机会刷新，所以你只能看到最后结果100。

下面给你两种靠谱的解决思路，一种是传统的队列调度方式，另一种是SwiftUI更推荐的现代异步写法：

方案一：用DispatchQueue拆分主线程任务 #

把耗时操作放到全局后台队列执行，每次更新UI时切回主线程。这样主线程不会被卡住，能及时响应视图刷新：

@State private var message = "-"
var body: some View {
    VStack {
        Button("Run") {
            print("Tapped!")
            // 将循环逻辑移到后台队列，避免阻塞主线程
            DispatchQueue.global().async {
                for i in 0 ... 100 {
                    // 更新UI必须回到主线程执行
                    DispatchQueue.main.async {
                        self.message = "\(i)"
                    }
                    // 模拟耗时操作（在后台执行，不影响UI）
                    for _ in 1...1000 {
                        print(".")
                    }
                }
            }
        }
        Text(message)
            .frame(width: 100)
            .padding()
    }
    .padding(40)
}

方案二：用SwiftUI的Task（async/await，iOS15+） #

这是更贴合SwiftUI生态的写法，不用手动管理队列，通过异步任务处理耗时逻辑，代码更简洁：

@State private var message = "-"
var body: some View {
    VStack {
        Button("Run") {
            print("Tapped!")
            // 启动一个异步任务
            Task {
                for i in 0 ... 100 {
                    // 更新@State属性时，会自动切换回主线程，无需手动调度
                    message = "\(i)"
                    // 用Task.sleep模拟耗时操作（单位为纳秒，这里是10ms）
                    try? await Task.sleep(nanoseconds: 10_000_000)
                    // 要是想保留原来的print模拟，直接放在这里即可，不会阻塞主线程
                    // for _ in 1...1000 { print(".") }
                }
            }
        }
        Text(message)
            .frame(width: 100)
            .padding()
    }
    .padding(40)
}

关键提醒： #

不管用哪种方式，核心原则都是别让耗时操作占用主线程。主线程专门负责UI交互和视图更新，任何长时间运行的任务都要放到后台执行。用Task的话，更新@State属性时会自动切换回主线程，省去了手动调用DispatchQueue.main.async的麻烦。

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