如何在TabView子视图中填充当前Firebase用户节点数据列表？

核心问题排查与解决方案 #

你遇到的构建失败或数据加载问题，大概率是用户状态传递不连贯、Firebase查询逻辑错误或EnvironmentObject/Data Binding配置不当导致的，以下是针对性解决步骤：

1. EnvironmentObject 正确配置示例 #

很多人踩坑点：必须在App入口或TabView的父级视图注入对象，且ViewModel要符合ObservableObject规范

// ViewModel 定义
class UserDataVM: ObservableObject {
    @Published var userID: String? = nil
    @Published var userInfo: [String: Any]? = nil

    // 从Firebase拉取用户数据
    func loadUserInfo() {
        guard let uid = userID else { return }
        let dbRef = Database.database().reference().child("users").child(uid)
        dbRef.observeSingleEvent(of: .value) { snapshot in
            self.userInfo = snapshot.value as? [String: Any]
        }
    }
}

// App入口注入EnvironmentObject
@main
struct YourApp: App {
    @StateObject private var userVM = UserDataVM()

    var body: some Scene {
        WindowGroup {
            TabView {
                HomeTab()
                ProfileTab()
            }
            .environmentObject(userVM)
        }
    }
}

// Tab子视图中使用
struct ProfileTab: View {
    @EnvironmentObject var userVM: UserDataVM

    var body: some View {
        VStack {
            if let info = userVM.userInfo {
                Text("昵称: \(info["nickname"] as? String ?? "未设置")")
            } else {
                ProgressView()
                    .onAppear {
                        userVM.loadUserInfo()
                    }
            }
        }
    }
}

2. 登录函数同步userID到ViewModel #

登录成功后必须把Firebase返回的uid赋值给ViewModel的userID，否则后续查询会因为uid为空失败：

func login(email: String, password: String) {
    Auth.auth().signIn(withEmail: email, password: password) { result, error in
        if let err = error {
            print(err.localizedDescription)
            return
        }
        // 登录成功后同步用户ID到ViewModel
        userVM.userID = result?.user.uid
        // 可直接触发数据加载，也让子视图onAppear时调用
        userVM.loadUserInfo()
    }
}

3. 数据库权限与结构匹配 #

检查Firebase数据库规则，确保登录用户仅能访问自己的节点：

{
  "rules": {
    "users": {
      "$uid": {
        ".read": "$uid === auth.uid",
        ".write": "$uid === auth.uid"
      }
    }
  }
}

同时确认你的查询路径和数据库结构完全对应（比如截图中用户节点是users/{uid}/xxx，查询时不能写错路径）。

4. Data Binding 替代方案（不用EnvironmentObject） #

如果选择用Binding传递userID，要确保子视图用@Binding接收，父视图用@State/@Published持有：

// Tab父视图
struct MainTabView: View {
    @State private var currentUserID: String? = nil

    var body: some View {
        TabView {
            HomeTab(userID: $currentUserID)
            ProfileTab(userID: $currentUserID)
        }
    }
}

// 子视图
struct HomeTab: View {
    @Binding var userID: String?
    @State private var userData: [String: Any]? = nil

    var body: some View {
        VStack {
            // 展示数据逻辑
        }
        .onChange(of: userID) { newID in
            guard let uid = newID else { return }
            fetchUserData(uid: uid)
        }
    }

    private func fetchUserData(uid: String) {
        let ref = Database.database().reference().child("users").child(uid)
        ref.observeSingleEvent(of: .value) { snapshot in
            userData = snapshot.value as? [String: Any]
        }
    }
}

常见报错快速定位 #

• No ObservableObject of type UserDataVM found.：上级视图未注入EnvironmentObject，或子视图未添加@EnvironmentObject声明
• Permission denied：数据库规则配置错误，或登录用户uid与节点uid不匹配
• 数据为空：查询路径与数据库结构不符，或userID未在登录后正确赋值

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