多个 ViewModel 中的 @Published 数组 - SwiftUI答案

【问题标题】：@Published array in multiple ViewModels - SwiftUI多个 ViewModel 中的 @Published 数组 - SwiftUI
【发布时间】：2021-03-05 16:33:38
【问题描述】：

我的应用程序只有两个视图，两个视图都有自己的 ViewModel。 ViewA 显示和操作 selectedNumbers 数组中的对象。 ViewB 拥有所有可用的对象（数字）——在这个视图中，我想操作 ViewA 使用的 selectedNumbers 数组。

我正在尝试找出如何在这两个 ViewModel 之间共享这些 selectedNumbers 数组。我尝试使用 EnvironmentObject、StaticObject 等。但没有什么能满足我的需要。我应该使用什么方法来达到预期的结果。感谢您的帮助！

import SwiftUI

struct ViewA: View {

    @ObservedObject var viewModel = ViewModelA()

    var body: some View {
        VStack {
            Text("\(viewModel.number)")
                .font(.largeTitle)
                .padding()
                .onTapGesture {
                    viewModel.showNext()
                }
            ViewB()
        }
    }
}

class ViewModelA: ObservableObject {
    var numbers: [Int] = []
    @Published var number: Int
    var index = 0

    init() {
        number = numbers.isEmpty ? 0 : numbers[index]
    }

    func showNext() {
        guard !numbers.isEmpty else { return }
        if index < numbers.count - 1 {
            index += 1
        } else {
            index = 0
        }
        number = numbers[index]
    }
}

struct ViewB: View {

    @ObservedObject var viewModel = ViewModelB()

    var body: some View {
        HStack {
            ForEach(viewModel.numbers, id: \.self) { number in
                Text("\(number)")
                    .foregroundColor(viewModel.selectedNumbers.contains(number) ? .red : .black)
                    .onTapGesture {
                        viewModel.updateSelection(number)
                    }
            }
        }
    }
}

class ViewModelB: ObservableObject {
    @Published var numbers: [Int] = []
    @Published var selectedNumbers: [Int] = []

    init() {
        numbers.append(contentsOf: [1,2,3,4,5,6,7,8])
    }

    func updateSelection(_ number: Int) {
        if selectedNumbers.contains(number) {
            selectedNumbers.remove(number)
        } else {
            selectedNumbers.append(number)
        }
    }
}

extension Array where Element: Equatable {
    mutating func remove(_ object: Element) {
        guard let index = firstIndex(of: object) else {return}
        remove(at: index)
    }
}

【问题讨论】：

你有两个不同的事实来源，你应该使用绑定重新考虑你的模型设计，并保持单一的事实来源
什么意思？仅使用一个 ViewModel -> ViewModelA 并将其绑定到 ViewB？我试图将这两个视图的逻辑分开..

标签： arrays swiftui viewmodel shared

【解决方案1】：

您仍然可以将逻辑分开，但您需要保持单一事实来源，如果您想在视图之间共享数据，您要么需要通过Bindings 或者您也可以在子视图中分享@ObservedObject。

import SwiftUI


struct ViewA: View {

    @ObservedObject var viewModel = ViewModelA(modelB: ViewModelB())

    var body: some View {
        VStack {
            Text("\(viewModel.number)")
                .font(.largeTitle)
                .padding()
                .onTapGesture {
                    viewModel.showNext()
                }
            ViewB(model: viewModel)
        }
    }
}

class ViewModelA: ObservableObject {
    
    var numbers: [Int] = []
    
    @Published var number: Int
    @Published var modelB:ViewModelB
    
    var index = 0

    init(modelB:ViewModelB) {
        self.modelB = modelB
        number = numbers.isEmpty ? 0 : modelB.selectedNumbers[index]
    }

    func showNext() {
        guard !modelB.selectedNumbers.isEmpty else { return }
        if index < modelB.selectedNumbers.count - 1 {
            index += 1
        } else {
            index = 0
        }
        number = modelB.selectedNumbers[index]
    }
}

struct ViewB: View {

    @ObservedObject var model : ViewModelA

    var body: some View {
        HStack {
            ForEach(model.modelB.selectedNumbers, id: \.self) { number in
                Text("\(number)")
                    .foregroundColor(model.modelB.selectedNumbers.contains(number) ? .red : .black)
                    .onTapGesture {
                        model.modelB.updateSelection(number)
                    }
            }
        }
    }
}

struct ViewModelB {
    
    var selectedNumbers: [Int] = []

    init() {
        selectedNumbers.append(contentsOf: [1,2,3,4,5,6,7,8])
    }

   mutating func updateSelection(_ number: Int) {
        if selectedNumbers.contains(number) {
            selectedNumbers.remove(number)
        } else {
            selectedNumbers.append(number)
        }
    }
}

extension Array where Element: Equatable {
    mutating func remove(_ object: Element) {
        guard let index = firstIndex(of: object) else {return}
        remove(at: index)
    }
}

【讨论】：