在UITableView中展示Firebase数据库数据

看起来你已经能成功获取Firebase的数据了，只是没法在UITableView里正常展示，大概率是数据源更新后没正确刷新UI，或者代理/数据源的配置有遗漏，我给你整理了完整的修正方案，你可以对照调整：

第一步：优化数据结构体 #

先把你的结构体改得更安全，尽量避免使用隐式解包的!，减少不必要的崩溃风险：

struct Shop { 
    let name: String
    let type: String
}

第二步：完整的ViewController代码 #

下面是配置好的ViewController，我标注了关键的注意点：

import UIKit
import Firebase

class ShopListViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {
    
    // 关联Storyboard里的UITableView
    @IBOutlet weak var tableView: UITableView!
    // 数据源数组，用来存储从Firebase获取的店铺数据
    private var shops: [Shop] = []
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 必须设置tableView的数据源和代理，否则tableView无法获取展示规则
        tableView.dataSource = self
        tableView.delegate = self
        
        // 注册cell复用标识符（如果使用自定义cell，把UITableViewCell换成你的自定义cell类即可）
        tableView.register(UITableViewCell.self, forCellReuseIdentifier: "ShopCell")
        
        // 调用方法从Firebase拉取数据
        fetchShopsFromFirebase()
    }
    
    private func fetchShopsFromFirebase() {
        // 替换成你Firebase中存储店铺数据的节点路径
        let shopRef = Database.database().reference().child("shops")
        
        // 监听数据变化，实时获取最新的店铺列表
        shopRef.observe(.value) { snapshot in
            // 每次获取新数据先清空旧数组，避免重复添加
            self.shops.removeAll()
            
            // 遍历snapshot里的所有子节点
            for childSnapshot in snapshot.children {
                guard let child = childSnapshot as? DataSnapshot,
                      let shopData = child.value as? [String: Any],
                      let shopName = shopData["shopName"] as? String,
                      let shopType = shopData["shopType"] as? String else {
                    // 如果解析失败，跳过当前节点
                    continue
                }
                
                // 把解析好的数据添加到数组中
                let newShop = Shop(name: shopName, type: shopType)
                self.shops.append(newShop)
            }
            
            // 重点！UI操作必须在主线程执行，这里刷新tableView
            DispatchQueue.main.async {
                self.tableView.reloadData()
                // 可以在这里打印shops.count，确认数组里有数据
                print("当前店铺数量：\(self.shops.count)")
            }
        }
    }
    
    // MARK: - UITableView 数据源方法
    // 返回表格的行数
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return shops.count
    }
    
    // 配置每一行的cell内容
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "ShopCell", for: indexPath)
        let currentShop = shops[indexPath.row]
        
        // 自定义店铺名称和类型的显示格式，你可以根据需求调整
        cell.textLabel?.text = currentShop.name
        cell.detailTextLabel?.text = "类型：\(currentShop.type)"
        // 如果想把两个内容放在同一行，可改为：cell.textLabel?.text = "\(currentShop.name) | \(currentShop.type)"
        
        return cell
    }
    
    // 可选：设置cell的高度，让显示更美观
    func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
        return 60
    }
}

几个关键的排查点 #

如果按上面的代码修改后还是无法显示，检查以下几点：

• Firebase权限：确认你的数据库规则允许读取，比如在Firebase控制台暂时把规则改成read: true, write: true（上线后记得修改为更安全的规则）
• tableView关联：检查Storyboard里的tableView是否已经和代码里的tableViewIBOutlet关联，以及代理/数据源是否正确设置（可通过代码设置，也可在Storyboard里拖拽关联）
• 复用标识符：确保cell的复用标识符和代码里的ShopCell完全一致
• 数据解析：在fetchShopsFromFirebase里打印解析后的店铺数据，确认每个节点都能正确解析出name和type

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