SwiftUI onAppear 中的异步数据获取

Question

我有 class getDataFromDatabase有 func readData()从 Firebase 读取数据。

class getDataFromDatabase : ObservableObject {

    var arrayWithQuantity = [Int]()
    var arrayWithTime = [Double]()
    
    func readData(completion: @escaping(_ getArray: Array<Int>?,_ getArray: Array<Double>?) -> Void) {
       
        let db = Firestore.firestore()
        
        db.collection("amounts").getDocuments { (querySnapshot, err) in
            
            if let e = err{
                print("There's any errors: \(e)")
            }
            
            if err != nil{
                print((err?.localizedDescription)!)
                return
            }
            
            for i in querySnapshot!.documents{
                
                let quantityFromDb = i.get("amount") as! Int
                let timeFromDb = i.get("averageTimeRecognition") as! Double
                
                
                self.arrayWithQuantity.append(quantityFromDb)
                self.arrayWithTime.append(timeFromDb)
            }
            completion(self.arrayWithQuantity, self.arrayWithTime)
        }
    }
}

我在onAppear中使用 func readData() ：

struct CheckDatabaseView: View {
    
    @State private var quantityFromDatabase: Array<Int> = []
    @State private var timeFromDatabase: Array<Double> = []
    @State private var flowersName: Array<String> = ["Carnation", "Daisy", "Hyacinth", "Iris", "Magnolia", "Orchid", "Poppy", "Rose", "Sunflower", "Tulip"]
    @State private var isReady: Bool = false
    
    
    var body: some View {
        
        ScrollView(.vertical, showsIndicators: false){
            ZStack(alignment: .top){
                VStack(spacing: 40){
                    Text("Hello, world!")
//                    BarView(value: CGFloat(timeFromDatabase[0]), name: flowersName[0])
                    
                }
            }
            .frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity, alignment: .top)
            
        }
        .navigationBarTitle(Text("Your datas in database").foregroundColor(.blue), displayMode: .inline)
        .onAppear{
            
            let gd = getDataFromDatabase()
            gd.readData { (quantity, time) in
                self.quantityFromDatabase = quantity!
                self.timeFromDatabase = time!       
            }
        }
    }
}

我不能使用值self.quantityFromDatabase和self.timeFromDatabase因为是空的。 我知道问题在于数据的异步检索。 我已经尝试过DispatchQueue.main.async ，但我仍然没有得到这些值。 另一种获取方法是什么？ 我需要这个值，因为我想在VStack （那里的注释行）中绘制图表。

编辑

正如@Rexhin Hoxha 在下面写的那样，我修改了代码，但我不确定方法是否正确。 我通过在 class getDataFromDatabase（现在是 GetDataFromDatabaseViewModel）中添加@Published更改了var arrayWithQuantity = [Int]()和var arrayWithTime = [Double]() )：

class GetDataFromDatabaseViewModel : ObservableObject {

    @Published var arrayWithQuantity = [Int]()
    @Published var arrayWithTime = [Double]()
    
    func readData() {
       
        let db = Firestore.firestore()
        
        db.collection("amounts").getDocuments { (querySnapshot, err) in
            
            if let e = err{
                print("There's any errors: \(e)")
            }
            
            if err != nil{
                print((err?.localizedDescription)!)
                return
            }
            
            for i in querySnapshot!.documents{
                
                let quantityFromDb = i.get("amount") as! Int
                let timeFromDb = i.get("averageTimeRecognition") as! Double
                
                
                self.arrayWithQuantity.append(quantityFromDb)
                self.arrayWithTime.append(timeFromDb)
            }
            print("Array with quantity: \(self.arrayWithQuantity.count)")
        }
    }
}

同样在 struct 我初始化@ObservedObject var gd = GetDataFromDatabaseViewModel()和onAppear现在看起来像这样：

.onAppear{
            
            self.gd.readData()
            print("Quantity after reading: \(self.gd.arrayWithQuantity.count)")
        }

但在 onAppear 中打印仍然打印一个空数组。 我在哪里做错了？

Answer 1

所以问题出在你的完成处理程序中。 它在您检索数据之前返回。

解决方案是让您的 arrays @Published 并从视图中实时读取数据。 您必须删除完成处理程序。

在“onAppear()”上调用 function 并使用 @ObservedObject 绑定到您的 ViewModel (getDataFromDatabase)。 这就是它在 SwiftUI 中的完成方式。

请大写第一个字母并使用更通用的名称，例如“YouViewName”ViewModel。

您的名字适用于方法/功能，但不适用于 Class