如何在单个函数中修改并渲染SwiftUI状态变量？

我希望每次状态变化都能触发对应视图的渲染，但调用onSubmit函数时，只有最后一行onSubmitStatus = .success执行后才会触发渲染，导致中间的.loading状态视图从未被渲染。

预期打印结果：

initial
loading
success

实际打印结果：

initial
success

问题代码 #

enum OnSubmitStatus {
    case initial
    case loading
    case success
    case failure
}

struct ContentView: View {
    @State var onSubmitStatus: OnSubmitStatus = .initial
    
    func onSubmit() {
        onSubmitStatus = .loading
        
        onSubmitStatus = .success
    }
    
    var body: some View {
        VStack(spacing: 0) {
            switch onSubmitStatus {
            case .initial:
                Button {
                    onSubmit()
                } label: {
                    Text("Submit")
                }
                .onAppear {
                    print("initial")
                }
            case .loading:
                ProgressView()
                    .onAppear {
                        print("loading")
                    }
            case .success:
                Text("Success")
                    .onAppear {
                        print("Success")
                    }
            case .failure:
                Text("Failure")
                    .onAppear {
                        print("Failure")
                    }
            }
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity)
    }
}

#Preview {
    ContentView()
}

我试过用withAnimation(body:,completion:)解决，但感觉不够优雅，想找更自然的实现方式：

func onSubmit() {
    withAnimation {
        onSubmitStatus = .loading
    } completion: {
        onSubmitStatus = .success
    }
}

原因分析 #

SwiftUI会批量处理同一个RunLoop周期内的状态更新，多次修改会被合并，只触发一次视图渲染。所以onSubmit里连续设置.loading和.success，最终只会以最后一次状态为准渲染，中间的.loading被跳过。

解决方案 #

1. 利用Swift并发Task（推荐） #

通过Task让状态更新分属不同执行周期，确保.loading先触发渲染：

func onSubmit() {
    onSubmitStatus = .loading
    
    Task {
        // 实际场景替换为异步任务（如网络请求），这里用yield让视图先更新
        await Task.yield()
        await MainActor.run {
            onSubmitStatus = .success
        }
    }
}

如果需要模拟异步耗时操作，比如等待1秒：

func onSubmit() {
    onSubmitStatus = .loading
    
    Task {
        try? await Task.sleep(nanoseconds: 1_000_000_000) // 模拟1秒延迟
        await MainActor.run {
            onSubmitStatus = .success
        }
    }
}

2. 主队列异步派发 #

通过DispatchQueue.main.async把.success的状态更新放到下一个RunLoop周期：

func onSubmit() {
    onSubmitStatus = .loading
    
    DispatchQueue.main.async {
        self.onSubmitStatus = .success
    }
}

3. 无动画版withAnimation #

如果不想保留动画效果，可以传递.none动画参数，既利用完成回调又避免动画：

func onSubmit() {
    withAnimation(.none) {
        onSubmitStatus = .loading
    } completion: {
        onSubmitStatus = .success
    }
}

内容的提问来源于stack exchange，提问作者Jason Rich Darmawan