视图变量上的 SwiftUI 延迟

Question

我有一个类，它有一个函数可以获取用户名以在视图上打印它。 它可以工作，但是我延迟了将近一秒钟，因为没有看到用户名。

这里是类：

   class ViewModel: ObservableObject {


@Published var username: String = ""





func benutzerdaten_accountview (email: String) -> String {
    let db = Firestore.firestore()
    let docRef = db.collection("Nutzer").document(email)
    docRef.getDocument{ (document, error) in
        
        if let document = document, document.exists{
            self.username = (document.data()!["username"] as? String)!
    }
   }
    return username
  }

}

这就是我在视图上打印它的方式：

struct AccountView: View{

@ObservedObject var model = ViewModel()
@Binding var tabSelection: Int
var email: String = (Auth.auth().currentUser?.email)!

var body: some View {
    
        VStack{
            
            Text("Hallo, \(model.benutzerdaten_accountview(email: email).description)")
         ...

Answer 1

在benutzerdaten_accountview() 中，您不能返回username，因为它尚未设置。用户名设置在异步闭包中。

您是已经在回调闭包中设置了username，这很好。您现在需要做的只是调用onAppear(perform:) 中的方法，以便在AccountView 加载时立即显示。

username 的更改将发布更新以再次更新视图，当准备就绪时。从 API 获取数据可能需要一些时间，尤其是当您有 cold-starts 时。

首先，删除return 和benutzerdaten_accountview() 方法中的返回类型。这不再需要。其余代码：

struct AccountView: View {
    @ObservedObject var model = ViewModel()
    @Binding var tabSelection: Int
    var email: String = (Auth.auth().currentUser?.email)!

    var body: some View {
        VStack {
            Text("Hallo, \(model.username)")
        }
        .onAppear {
            model.benutzerdaten_accountview(email: email)
        }
    }
}