如何异步返回View？SwiftUI异步获取App Store价格展示问题

核心问题在于SwiftUI是声明式框架，View的渲染依赖状态而非异步回调直接返回，你不能在异步闭包里直接返回View，得通过状态管理来实现。下面是具体的解决方案：

1. 基础方案：使用@State存储价格状态 #

在视图里定义一个@State变量保存价格，在视图出现时调用异步接口，回调里更新这个状态，View会自动刷新：

struct PriceActionButton: View {
    // 存储价格的状态变量，初始为空
    @State private var productPrice = ""
    // 传入商品ID
    let targetProductID: String
    
    var body: some View {
        Button(action: {
            // 这里放按钮点击后的逻辑
        }, label: {
            // 根据价格状态显示不同内容：加载中/实际价格
            Text(productPrice.isEmpty ? "加载价格中..." : "价格：\(productPrice)")
        })
        // 视图出现时触发价格获取
        .onAppear {
            myAppStore.priceFor(targetProductID) { fetchedPrice in
                // 必须在主线程更新UI状态，SwiftUI要求状态变更在主线程执行
                DispatchQueue.main.async {
                    self.productPrice = fetchedPrice
                }
            }
        }
    }
}

2. 可复用价格View方案 #

如果需要在多个地方复用价格展示逻辑，可以封装成独立的PriceView：

// 独立的价格展示View
struct PriceView: View {
    @State private var productPrice = ""
    let productID: String
    
    var body: some View {
        Text(productPrice.isEmpty ? "加载中..." : productPrice)
            .onAppear {
                myAppStore.priceFor(productID) { price in
                    DispatchQueue.main.async {
                        self.productPrice = price
                    }
                }
            }
    }
}

// 使用时直接嵌入Button的label
struct DemoView: View {
    var body: some View {
        Button(action: { /* 点击逻辑 */ }) {
            Text("当前价格：") + PriceView(productID: "你的商品ID")
        }
    }
}

3. 复杂场景：使用ObservableObject管理状态 #

如果需要在多个视图共享价格数据，或者有更复杂的状态逻辑，用ObservableObject来管理：

// 价格管理类，负责异步获取并维护价格状态
class PriceManager: ObservableObject {
    // @Published会自动通知视图状态更新
    @Published var currentPrice = ""
    
    func fetchPrice(for productID: String) {
        myAppStore.priceFor(productID) { fetchedPrice in
            DispatchQueue.main.async {
                self.currentPrice = fetchedPrice
            }
        }
    }
}

// 在视图中使用
struct SharedPriceButton: View {
    // @StateObject用来管理ObservableObject实例
    @StateObject private var priceManager = PriceManager()
    let productID: String
    
    var body: some View {
        Button(action: { /* 点击逻辑 */ }) {
            Text(priceManager.currentPrice.isEmpty ? "加载价格中..." : "价格：\(priceManager.currentPrice)")
        }
        .onAppear {
            priceManager.fetchPrice(for: productID)
        }
    }
}

关键注意点 #

• 异步回调里必须用DispatchQueue.main.async更新状态：SwiftUI的UI更新必须在主线程执行，否则可能导致界面不刷新或者崩溃。
• 不要试图在异步闭包里返回View：SwiftUI的View是状态驱动的，只有状态变化时才会重新计算并渲染View，异步操作的结果需要通过更新状态来触发视图刷新。

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