SwiftUI中除ForEach、List外获取Firestore文档数据的方法

你现有的 ViewModel 已经将 Firestore 集合数据同步到了 users 数组属性，不需要依赖 List 或 ForEach 组件，直接操作数组即可提取所需数据，以下是不同场景的实现方式：

场景1：访问固定位置的用户数据 #

如果需要提取数组中指定下标的数据（比如第一个用户、第二个用户），只要提前判断数组非空避免越界崩溃即可，示例代码如下：

@ObservedObject private var viewModel = userViewModel()

var body: some View {
    NavigationView {
        // 自定义非列表界面，比如展示首位用户的名片
        VStack(spacing: 20) {
            if !viewModel.users.isEmpty {
                // 直接访问下标取第一个用户
                let firstUser = viewModel.users[0]
                VStack(spacing: 12) {
                    Image(systemName: "person.circle.fill")
                        .resizable()
                        .frame(width: 80, height: 80)
                        .foregroundColor(.blue)
                    Text(firstUser.name)
                        .font(.largeTitle.bold())
                    Text(firstUser.surname)
                        .font(.title2)
                        .foregroundColor(.secondary)
                }
                .padding(30)
                .background(Color(.systemGray6))
                .cornerRadius(16)
            } else {
                ProgressView("加载用户数据中...")
            }
        }
        .navigationBarTitle("用户名片")
        .onAppear() {
            self.viewModel.fetchData()
        }
    }
}

场景2：提取符合指定条件的单个用户 #

如果不需要固定下标的数据，要筛选符合特定规则的用户，可以用数组的 first(where:) 方法直接过滤，无需手动遍历：

// 筛选名字为"小明"的用户
if let targetUser = viewModel.users.first(where: { $0.name == "小明" }) {
    Text(targetUser.surname)
}

优化方案：直接监听单个文档（仅需要单条数据时） #

如果你的业务场景本来就不需要整个集合的数据，只需要单条文档的内容，可以直接修改 ViewModel 监听单个文档，不需要维护数组，使用更方便：

class SingleUserViewModel: ObservableObject {
    @Published var user: User?
    private var db = Firestore.firestore()
    
    func fetchUser(userId: String) {
        // 直接监听指定ID的文档
        db.collection("users").document(userId).addSnapshotListener { snapshot, error in
            guard let data = snapshot?.data() else {
                print("文档不存在或读取失败")
                return
            }
            let name = data["name"] as? String ?? ""
            let surname = data["surname"] as? String ?? ""
            self.user = User(name: name, surname: surname)
        }
    }
}

// 视图中使用
@ObservedObject private var viewModel = SingleUserViewModel()
var body: some View {
    VStack {
        if let user = viewModel.user {
            Text(user.name)
            Text(user.surname)
        }
    }
    .onAppear {
        // 传入要查询的用户文档ID
        viewModel.fetchUser(userId: "目标用户的文档ID")
    }
}

注意事项 #

• 直接访问数组下标时必须先判断数组长度，避免数组为空或下标越界导致崩溃
• 所有异步读取的数据都需要做加载状态处理（比如显示加载中占位），避免空数据状态下界面异常

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