Xcode iOS环境下Firestore调用导致SwiftUI应用临时冻结问题求助

核心问题定位 #

你当前的界面卡顿完全是客户端代码的线程调度错误导致，和Cloud Functions的执行没有关联：
Firestore同步版本的addDocument(from:)方法是阻塞调用，会等待网络请求完成再返回，而你将该方法放在主队列中执行，主队列负责所有UI渲染、用户交互响应，被阻塞5秒自然会出现界面无响应的情况。你之前切换线程的操作没有生效，是因为按钮的action中又通过DispatchQueue.main.async切回了主队列执行阻塞逻辑。

修复方案 #

1. 替换为异步API执行写入操作 #

Firestore官方提供了非阻塞的异步写入接口，你可以选择闭包回调或者Swift Concurrency版本的API，避免阻塞线程：

闭包版本实现

// 修改addCard实现，添加异步回调
func addCard(_ card: Card, completion: @escaping (Error?) -> Void) {
    store.collection(path).addDocument(from: card) { error in
        completion(error)
    }
}

// 按钮调用逻辑
Button(action: {
    let card = Card(time: "", text: "\(userSettings.username) Recorded")
    addCard(card) { error in
        DispatchQueue.main.async {
            if let error = error {
                // 生产环境不要用fatalError，会直接闪退，替换为用户可见的错误提示
                print("添加卡片失败：\(error.localizedDescription)")
            }
            // 写入成功后的UI更新逻辑写在这里
        }
    }
}){
    Text("Another One")
}

Swift Concurrency版本实现（适配iOS 15+）

// 修改addCard为异步方法
func addCard(_ card: Card) async throws {
    try await store.collection(path).addDocument(from: card)
}

// 按钮调用逻辑
Button(action: {
    Task {
        do {
            let card = Card(time: "", text: "\(userSettings.username) Recorded")
            try await addCard(card)
            await MainActor.run {
                // 写入成功后的UI更新逻辑
            }
        } catch {
            await MainActor.run {
                // 处理错误逻辑
                print("添加卡片失败：\(error.localizedDescription)")
            }
        }
    }
}){
    Text("Another One")
}

2. 关于Cloud Functions的说明 #

Cloud Functions是服务端异步触发的逻辑，客户端的Firestore写入请求只需要等到云服务器确认写入完成就会返回，不需要等待Cloud Functions执行结束，因此不会影响客户端的写入耗时。

额外优化建议 #

• 保持Firestore离线持久化开启（默认状态为开启），开启后写入操作仅需要写入本地缓存即可返回成功，响应速度可压缩到毫秒级，后续SDK会自动同步数据到云端。
• 如果你的应用用户集中在国内，建议将Firebase服务器区域切换到距离国内较近的区域，降低网络请求耗时。

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