SwiftUI从Firestore获取User文档后无法将userDoc传递给ProfileView

问题原因 #

• 变量作用域错误：你定义的userDoc是getDocument异步回调闭包内的局部变量，只能在该闭包内部访问，sheet的内容闭包和该闭包属于不同作用域，自然无法读取到userDoc变量。
• 执行时序错误：你点击按钮后先触发了showProfilePost.toggle()让sheet弹出，再发起Firestore异步请求，就算变量作用域没问题，也会出现sheet已经渲染完成，用户数据还没返回的情况。

解决方案 #

1. 在当前视图中新增一个@State类型的可选用户变量，用来存储选中的用户数据，打通各个闭包的访问权限。
2. 调整执行顺序：点击按钮后先发起Firestore请求，拿到用户数据后再触发sheet弹出，这里推荐使用sheet(item:)构造方法，无需额外定义布尔类型的显示控制变量，当selectedUser有值时自动弹出sheet，还能直接把用户对象传入sheet内容。

修正后代码示例 #

首先在视图结构体中新增状态变量：

// 放在当前View的结构体内部
@State private var selectedUser: User?

按钮和sheet部分修改为：

Button(action: {
    let docRef = Firestore.firestore().collection("users").document(viewModel.post.ownerUid)
    docRef.getDocument { snapshot, _ in
        guard let userDoc = try? snapshot?.data(as: User.self) else { return }
        print("\(userDoc.username)")
        // 异步回调要切回主线程更新UI
        DispatchQueue.main.async {
            selectedUser = userDoc
        }
    }
}, label: {
    Text("by  \(viewModel.post.ownerUsername)")
})
// 改用item形式的sheet，自动绑定selectedUser的状态
.sheet(item: $selectedUser) { user in
    ProfileView(user: user)
}

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