如何通过导航栏中的搜索栏过滤Firebase数据源的TableView？

嘿，我来帮你搞定这个搜索过滤的需求！结合你的代码片段，我们可以通过以下几步实现导航栏搜索栏过滤TableView数据的功能：

1. 补充必要的属性与协议 #

首先，给你的类添加UISearchBarDelegate协议，同时新增一个存放过滤后数据的数组，以及标记搜索状态的变量（也可以直接通过搜索栏文本判断状态）：

class TableViewCustomer: UIViewController, UITableViewDelegate, UITableViewDataSource, UISearchBarDelegate {
    var ref: DatabaseReference!
    // 原始Firebase数据源
    var customerList = [CustomerModel]()
    // 过滤后的数据源
    var filteredCustomerList = [CustomerModel]()
    // 标记是否处于搜索状态
    var isSearching = false
    
    lazy var searchBar: UISearchBar = UISearchBar(frame: CGRect(x: 0, y: 0, width: 300, height: 20))
    @IBOutlet weak var tableViewCustomer: UITableView!
    
    // ... 其他代码
}

2. 配置导航栏搜索栏与TableView #

在viewDidLoad里完成搜索栏的导航栏挂载、样式配置，同时初始化Firebase引用和TableView的代理数据源：

override func viewDidLoad() {
    super.viewDidLoad()
    
    // 配置TableView
    tableViewCustomer.delegate = self
    tableViewCustomer.dataSource = self
    
    // 配置搜索栏
    searchBar.delegate = self
    searchBar.placeholder = "搜索客户"
    searchBar.showsCancelButton = true
    searchBar.searchBarStyle = .minimal // 适配导航栏的简约样式
    navigationItem.titleView = searchBar // 将搜索栏设为导航栏标题
    
    // 初始化Firebase数据引用
    ref = Database.database().reference().child("customers")
    
    // 拉取Firebase数据
    fetchCustomerData()
}

// 从Firebase获取并解析数据的方法
func fetchCustomerData() {
    ref.observe(.value) { snapshot in
        self.customerList.removeAll()
        for child in snapshot.children {
            guard let childSnapshot = child as? DataSnapshot,
                  let customerDict = childSnapshot.value as? [String: Any],
                  let customer = CustomerModel(dictionary: customerDict) else {
                continue
            }
            self.customerList.append(customer)
        }
        // 数据更新后刷新TableView
        self.tableViewCustomer.reloadData()
    }
}

3. 实现搜索栏的过滤逻辑 #

通过UISearchBarDelegate的方法处理搜索文本变化和取消搜索的事件，实时过滤数据源：

// 搜索栏文本变化时触发过滤
func searchBar(_ searchBar: UISearchBar, textDidChange searchText: String) {
    // 搜索文本为空时，恢复显示原始数据
    guard !searchText.isEmpty else {
        isSearching = false
        tableViewCustomer.reloadData()
        return
    }
    
    isSearching = true
    // 这里假设CustomerModel有name属性，你可以替换成需要搜索的字段（比如phone/email）
    filteredCustomerList = customerList.filter { customer in
        return customer.name.lowercased().contains(searchText.lowercased())
    }
    // 刷新TableView显示过滤结果
    tableViewCustomer.reloadData()
}

// 点击取消按钮时恢复原始数据
func searchBarCancelButtonClicked(_ searchBar: UISearchBar) {
    isSearching = false
    searchBar.text = ""
    searchBar.resignFirstResponder() // 收起键盘
    tableViewCustomer.reloadData()
}

4. 修改TableView数据源方法 #

最后调整TableView的数据源方法，根据搜索状态切换使用原始数据源还是过滤后的数据源：

func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    return isSearching ? filteredCustomerList.count : customerList.count
}

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    // 替换成你自己的Cell标识符和Cell类
    let cell = tableView.dequeueReusableCell(withIdentifier: "CustomerCell", for: indexPath) as! CustomerCell
    
    let customer = isSearching ? filteredCustomerList[indexPath.row] : customerList[indexPath.row]
    // 配置Cell内容，示例：
    cell.nameLabel.text = customer.name
    cell.phoneLabel.text = customer.phone
    
    return cell
}

额外提示 #

• 确保你的CustomerModel实现了从字典转模型的初始化方法，否则无法解析Firebase返回的数据。
• 如果需要多字段模糊搜索，可以在filter闭包里扩展判断条件（比如同时匹配name和phone）。
• 当Firebase数据量较大时，建议使用Firebase的服务端查询功能做过滤，避免客户端过滤带来的性能问题。

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