在 SwiftUI 中应该如何声明 viewModel 对象？

Question

我正在尝试使用在我的视图结构中声明为@ObservedObject 的@ObservableObject viewModel。问题是，当 viewModel 更改它的“域”属性 @Published var 时，UI 不会更新。此外，我更改了在 init() {} 中调用的 getDomains() 函数中的域。看起来它被调用了两次，为什么会这样？这是我的 viewModel 代码：

import Combine

class DomainsViewModel: ObservableObject {

    @Published var domains: [InterestDomain] = [InterestDomain]()
    
    init() {
        self.getDomains { (response) in
            print(response)
        }
    }
    
    func getDomains(completion: @escaping (Bool) -> Void) {
        NetworkEngine.shared.appNetwork.getInterestDomains { result in
            self.domains.removeAll()
            switch result {
            case .success(let domainsOfInterest):
                if let domainsList = domainsOfInterest {
                    self.domains = domainsList
                }
                completion(true)
            case .failure(_):
                completion(false)
            }
        }
    }

}

视图代码： 进口基金会 导入 SwiftUI 导入合并

struct DomainsOfInterestView: View {

    @ObservedObject var viewModel: DomainsViewModel = DomainsViewModel()
    
    @State var isActive = true
    
    var body: some View {
            VStack(alignment: .center) {
                HStack {
                    Text("Choose domains of interest for your profile")
                        .font(.headline)
                    Spacer()
                }.padding(.bottom, 16)
                
                ForEach(viewModel.domains.indices) { index in
                    DomainOfInterestElement(isActive: self.$isActive, domain: self.viewModel.domains[index].name)
                }

                OrangeButton(action: {
                }) {
                    Text("Save")
                }.padding(.top, 30)
                    .padding([.leading, .trailing], 30)
                Spacer()
            }.padding([.leading, .trailing], 12)
            .navigationBarTitle("Domains of interest")
    }
}

struct DomainsOfInterestView_Previews: PreviewProvider {
    static var previews: some View {
    DomainsOfInterestView()
    }
}

struct DomainOfInterestElement: View {
    @Binding var isActive: Bool
    var domain: String
    var body: some View {
        Button(action: {
            self.isActive.toggle()
        }) {
            VStack {
                Divider().padding(.bottom, 12)
                HStack {
                    checkBoxView()
                        .frame(width: 36, height: 36)
                    textView().font(.custom("SFProDisplay-Regular", size: 16))
                    Spacer()
                }
            }
        }
    }
    
    func checkBoxView() -> Image {
        switch isActive {
        case true:
            return Image(uiImage: #imageLiteral(resourceName: "check-box-active-2-1")).renderingMode(.original)
        case false:
            return Image(uiImage: #imageLiteral(resourceName: "check-box-active-1")).renderingMode(.original)
        }
    }
    func textView() -> Text {
        switch isActive {
        case true:
            return Text(domain)
                .foregroundColor(.black)
        case false:
            return Text(domain)
                .foregroundColor(Color.orGrayColor)
        }
    }
}

谁能帮帮我？谢谢。

Answer 1

DomainsOfInterestView 在每次更新其视图模型时重新创建。并且每次都使用新的 DomainsViewModel 实例初始化视图模型属性。新的视图模型会将domains 属性设置为[InterestDomain]()，并且将再次调用self.getDomains。

首先，正如@youjin 在对上一篇文章的评论中所写，最好将 viewModel 注入到初始化程序中的DomainsOfInterestView。此外，如果您的最低部署目标允许，您可以使用 @StateObject 而不是 @ObservedObject。在这种情况下，viewModel 属性不会在每次视图更新时重置。

Answer 2

引用here的答案

如果您的数据可以更改，则需要动态 ForEach 循环（带有显式 id 参数）：

 ForEach(viewModel.domains.indices, id: \.self) { index in // <=
    // ...
 }

在某些情况下，当您尝试修改 ForEach 循环中使用的数组时，Xcode 会警告您：

ForEach(:content:) 应该只用于常量数据。而是使数据符合 Identifiable 或使用 ForEach(:id:content:) 并提供明确的 id！

测试代码

struct DomainsOfInterestView: View {

    @ObservedObject var viewModel: DomainsViewModel = DomainsViewModel()
    
    @State var isActive = true
    
    var body: some View {
            VStack(alignment: .center) {
                HStack {
                    Text("Choose domains of interest for your profile")
                        .font(.headline)
                    Spacer()
                }.padding(.bottom, 16)
                
                ForEach(viewModel.domains.indices, id: \.self) { index in // <=
                    Text(String(index))
                }

                Button(action: {
                }) {
                    Text("Save")
                }.padding(.top, 30)
                    .padding([.leading, .trailing], 30)
                Spacer()
            }.padding([.leading, .trailing], 12)
            .navigationBarTitle("Domains of interest")
    }
}


class DomainsViewModel: ObservableObject {

    @Published var domains: [Int] = [Int]()
    
    init() {
        self.getDomains { (response) in
            print(response)
        }
    }
    
    func getDomains(completion: @escaping (Bool) -> Void) {
        DispatchQueue.main.asyncAfter(deadline: .now() + 1) {
            self.domains = [1,2,3,4,5]
            completion(true)
        }
    }

}

在 iOS 14 beta 6 上使用 Xcode 12 beta 6 测试