来自 ObservedObject 的数据未在 SwiftUI 视图中呈现

Question

我使用 combine 连接到 REST API，它将一些数据拉入 ObservableObject。整个设置实际上只是 MVVM。然后在视图中观察 ObservableObject。现在，我遇到了一个似乎无法解决的错误。似乎发生的是视图被绘制了两次。第一次使用 ObservedObject 的值进行更新。然后马上重新绘制，但是现在拉出来的数据突然就没有了。我已经确认拉取数据的代码没有执行第二次。此外，View Hierarchy Viewer 似乎暗示应该在视图中呈现数据的文本视图在第二次呈现时以某种方式被删除运行.

这是模型的样子（身份验证相关代码来自 Firebase）：

class ItemViewModel: ObservableObject {
    
    @Published var items = [ScheduleItem]()
    
    private var publisher: AnyCancellable?
    
    func fetchData() {
        
        let currentUser = Auth.auth().currentUser
        currentUser?.getIDTokenForcingRefresh(false, completion: { idToken, error in
        
            let url = URL(string: "abc")!
            var request = URLRequest(url: url)
            request.httpMethod = "GET"
            request.setValue("Bearer "+String(idToken!), forHTTPHeaderField: "Authorization")
     
            self.publisher = URLSession.shared
                .dataTaskPublisher(for: url)
                .map(\.data)
                .decode(
                    type: [ScheduleItem].self,
                    decoder: JSONDecoder()
                )
                .receive(on: DispatchQueue.main)
                .sink(
                    receiveCompletion: { completion in
                        switch completion {
                        case .failure(let error):
                            print("SINKERROR")
                            print(error)
                        case .finished:
                            print("SINKSUCCESS")
                        }
                    },
                    receiveValue: { repo in
                        print("DONE")
                        self.items.append(contentsOf: repo)
                    }
                )
        })
    }
}

打印语句的输出是完毕成功两者都只能在调试输出中找到一次。

这是观点：

struct TreatmentCardView: View {
    
    let startDate: String
    let uid: Int
    
    @ObservedObject var data = ItemViewModel()
    
    @State private var lastTime: String = "2"
    
    var body: some View {
        ZStack {
            GeometryReader { geometry in
                VStack{
                    
                    Text("Headline")
                        .font(.title)
                        .foregroundColor(Color.white)
                        .padding([.top, .leading, .bottom])
                    
                    Print("ISARRAYEMPTY")
                    Print(String(data.items.isEmpty))
                    
                    Text(String(data.items.isEmpty))
                                .font(.headline)
                                .fontWeight(.light)
                                .foregroundColor(Color.white)
                                .frame(width: 300, height: 25, alignment: .leading)
                                .multilineTextAlignment(.leading)
                                .padding(.top)
                      
                     
                }
            }
        }
        .background(Color("ColorPrimary"))
        .cornerRadius(15)
        .onAppear{
            self.data.fetchData()
        }
    }
}

Print(String(data.items.isEmpty)) 先是 false，然后是 true，说明视图被重新渲染了。

对我来说有点奇怪的是，我希望视图在拉取数据之前至少呈现一次，但我没有看到任何迹象表明会发生这种情况。

这两天我一直在尝试造这个词。非常感谢任何帮助和建议！

Answer 1

我不知道为什么视图会自行重绘，但您可以使用 @StateObject 而不是 @ObservedObject 作为 ItemViewModel。您提取的数据应该保持这种状态。

@StateObject var data = ItemViewModel()

每次丢弃和重绘视图时都会重新创建 ObservedObject，StateObject 保留它。

Answer 2

我的猜测是，在您的视图层次结构中，您有一些东西导致 ItemViewModel 刷新。由于看起来您正在使用 Firebase，我怀疑它是您的 Firebase 堆栈中的其他东西（比如用户身份验证状态？）。

我取出了你的 API 请求并将其替换为一个简单的 Future ，保证响应只是为了证明你的其余代码有效（它确实有效）。

您可能的解决方案是：

按照另一位回答者的建议使用 @StateObject
将您的 API 调用移动到存储在视图层次结构中较高位置的 ObservableObject（例如，EnvironmentObject），该调用将传递给 TreatmentCardView 而不是每次都在那里创建它。

要查看您是否只是从 Firebase API 调用中获得另一个副作用，这是我没有使用 Firebase 的简化版本：

class ItemViewModel: ObservableObject {
    
    @Published var items = [String]()
    
    private var publisher: AnyCancellable?
    
    func fetchData() {

        let myFuture = Future<String, Error> { promise in
            DispatchQueue.main.asyncAfter(deadline: .now() + 5) {
                promise(.success("TEST STRING"))
            }
        }
        
        self.publisher = myFuture
            .receive(on: DispatchQueue.main)
            .sink(
                receiveCompletion: { completion in
                    switch completion {
                    case .failure(let error):
                        print("SINKERROR")
                        print(error)
                    case .finished:
                        print("SINKSUCCESS")
                    }
                },
                receiveValue: { repo in
                    print("DONE")
                    self.items.append("String")
                }
            )
    }
}

struct TreatmentCardView: View {
    
    let startDate: String
    let uid: Int
    
    @ObservedObject var data = ItemViewModel()
    
    @State private var lastTime: String = "2"
    
    var body: some View {
        ZStack {
            GeometryReader { geometry in
                VStack{
                    
                    Text("Headline")
                        .font(.title)
                        .foregroundColor(Color.white)
                        .padding([.top, .leading, .bottom])
//
//                    Print("ISARRAYEMPTY")
//                    Print(String(data.items.isEmpty))
                    
                    Text(String(data.items.isEmpty))
                                .font(.headline)
                                .fontWeight(.light)
                                .foregroundColor(Color.white)
                                .frame(width: 300, height: 25, alignment: .leading)
                                .multilineTextAlignment(.leading)
                                .padding(.top)
                      
                     
                }
            }
        }
        .background(Color("ColorPrimary"))
        .cornerRadius(15)
        .onAppear{
            self.data.fetchData()
        }
    }
}

来自 ObservedObject 的数据未在 SwiftUI 视图中呈现

Data from ObservedObject not rendered in SwiftUI view

swiftui

combine

observableobject

observedobject