Picker重载Firebase数据问题：切换选项时无法更新对应数据

Got it, let's sort out your Picker and Firebase data reload problem. It sounds like your Picker isn't triggering a fresh data fetch when you switch from "IT" to other options like "Safety", and you need it to pull data from a specific Firebase subnode based on the selected category. Here's how to fix this step by step:

1. Bind Picker Selection to a Reactive Variable (SwiftUI Example) #

First, you need to track the Picker's selected value so you can react when it changes. Use an @State variable to hold the selected category, then attach an onChange modifier to the Picker to trigger a data reload whenever the selection updates:

import SwiftUI
import FirebaseFirestore

struct YourView: View {
    @State private var selectedCategory = "IT" // Default selection
    @State private var yourDataArray: [YourDataModel] = []
    
    var body: some View {
        VStack {
            Picker("Choose Category", selection: $selectedCategory) {
                Text("IT").tag("IT")
                Text("Safety").tag("Safety")
                // Add other category options here with matching tags
            }
            .pickerStyle(.segmented) // Or your preferred style
            
            // Display your loaded data here (e.g., List)
            List(yourDataArray) { item in
                Text(item.name)
            }
        }
        .onAppear {
            // Load initial data for the default "IT" category
            loadFirebaseData(for: selectedCategory)
        }
        .onChange(of: selectedCategory) { newCategory in
            // Trigger data reload when selection changes
            loadFirebaseData(for: newCategory)
        }
    }
    
    private func loadFirebaseData(for category: String) {
        // Construct the Firebase path using the selected category as the subnode
        let db = Firestore.firestore()
        db.collection("yourRootCollection")
            .document(category) // This is your dynamic subnode based on selection
            .collection("items") // Adjust to your actual collection structure
            .getDocuments { snapshot, error in
                if let error = error {
                    print("Failed to fetch data: \(error.localizedDescription)")
                    return
                }
                
                // Parse the snapshot into your data model array
                guard let documents = snapshot?.documents else {
                    yourDataArray = []
                    return
                }
                
                yourDataArray = documents.compactMap { doc in
                    try? doc.data(as: YourDataModel.self)
                }
            }
    }
}

// Example data model (conform to Codable for easy parsing)
struct YourDataModel: Identifiable, Codable {
    let id: String
    let name: String
    // Add other properties matching your Firebase documents
}

2. UIKit Alternative (UIPickerView) #

If you're using UIKit with UIPickerView, implement the UIPickerViewDelegate method didSelectRow to trigger the data reload when a new category is picked:

import UIKit
import FirebaseFirestore

class YourViewController: UIViewController, UIPickerViewDelegate, UIPickerViewDataSource {
    let categories = ["IT", "Safety"] // Your Picker options
    var selectedCategory = "IT"
    var yourDataArray: [YourDataModel] = []
    
    let pickerView = UIPickerView()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        pickerView.delegate = self
        pickerView.dataSource = self
        // Add pickerView to your view hierarchy
        
        // Load initial data
        loadFirebaseData(for: selectedCategory)
    }
    
    // MARK: - UIPickerView DataSource
    func numberOfComponents(in pickerView: UIPickerView) -> Int {
        return 1
    }
    
    func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
        return categories.count
    }
    
    // MARK: - UIPickerView Delegate
    func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
        return categories[row]
    }
    
    func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
        selectedCategory = categories[row]
        // Trigger data reload on selection change
        loadFirebaseData(for: selectedCategory)
    }
    
    private func loadFirebaseData(for category: String) {
        let db = Firestore.firestore()
        db.collection("yourRootCollection")
            .document(category)
            .collection("items")
            .getDocuments { snapshot, error in
                // Same parsing logic as SwiftUI example
                DispatchQueue.main.async {
                    // Update UI on main thread
                    if let error = error {
                        print("Error: \(error)")
                        return
                    }
                    
                    self.yourDataArray = snapshot?.documents.compactMap {
                        try? $0.data(as: YourDataModel.self)
                    } ?? []
                    self.tableView.reloadData() // If using a UITableView to display data
                }
            }
    }
}

Key Notes to Ensure It Works: #

• Firebase Structure: Make sure your Firebase database has the subnode structure matching your categories. For example:

  yourRootCollection
  ├─ IT
  │  └─ items
  │     ├─ item1
  │     └─ item2
  └─ Safety
     └─ items
        ├─ itemA
        └─ itemB
  

• Reactive Updates: The onChange (SwiftUI) or didSelectRow (UIKit) is critical here—this is what tells your app to fetch new data when the Picker selection changes.
• Main Thread Updates: In UIKit, always update your UI elements (like UITableView) on the main thread after fetching data from Firebase.

That should get your Picker reloading the correct Firebase data every time you switch categories!

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