视图更新后保留对视图/数据模型的参考

Question

考虑我们有 aRootView和 a DetailView。DetailView有它自己的 BindableObject，让我们调用它DetailViewModel，我们有场景：

1. RootView 可能会被某种全局事件更新，例如丢失的互联网连接或它自己的数据/视图模型
2. 当RootView处理事件它的内容更新，这是导致新的结构DetailView要创建
3. 如果DetailViewModel由DetailViewon init创建，则会有另一个引用，DetailViewModel并且它的状态（例如选定的对象）将被遗漏

我们怎样才能避免这种情况呢？

1. 将所有 ViewModel 存储为 EnvironmentObjects，这基本上是一个单例池。这种方法导致在不使用时将不需要的对象存储在内存中
2. 将所有 ViewModel 从 RootView 扔给它的孩子和孩子的孩子（有上面的缺点 + 痛苦的依赖）
3. 将独立于视图的数据对象（又名工作人员）存储为环境对象。在那种情况下，我们在哪里存储对应于模型的视图依赖状态？如果我们将它存储在 View 中，它将最终导致我们交叉更改 SwiftUI 禁止的 @States
4. 更好的方法？

抱歉我没有提供任何代码。这个问题是关于 Swift UI 的架构概念，我们试图将声明性结构和引用对象与数据结合起来。

现在，我看不到仅保留与适当视图相对应的引用的方法，并且不要将它们永远保留在当前状态的内存/环境中。

更新：

让我们添加一些代码来看看如果 VM 是由它的 View 创建的会发生什么

import SwiftUI
import Combine

let trigger = Timer.publish(every: 2.0, on: .main, in: .default)

struct ContentView: View {

    @State var state: Date = Date()

    var body: some View {
        NavigationView {
            VStack {
                NavigationLink(destination: ContentDetailView(), label: {
                    Text("Navigation push")
                        .padding()
                        .background(Color.orange)
                })
                Text("\(state)")
                    .padding()
                    .background(Color.green)
                ContentDetailView()
            }
        }
        .onAppear {
            _ = trigger.connect()
        }
        .onReceive(trigger) { (date) in
            self.state = date
        }
    }
}

struct ContentDetailView: View {

    @ObservedObject var viewModel = ContentDetailViewModel()
    @State var once = false

    var body: some View {
        let vmdesc = "View model uuid:\n\(viewModel.uuid)"
        print("State of once: \(once)")
        print(vmdesc)
        return Text(vmdesc)
            .multilineTextAlignment(.center)
            .padding()
            .background(Color.blue)
            .onAppear {
                self.once = true
            }
    }
}

class ContentDetailViewModel: ObservableObject, Identifiable {
    let uuid = UUID()
}

更新 2：

看来，如果我们将 ObservableObject 作为 @State 存储在视图中（而不是作为 ObservedObject） View 会在 VM 上保持引用

@State var viewModel = ContentDetailViewModel()

有什么负面影响吗？我们可以这样使用吗？

更新 3：

似乎如果 ViewModel 保持在 View 的 @State 中：

1. 并且 ViewModel 由具有强引用的闭包保留 - deinit 将永远不会被执行 -> 内存泄漏
2. 并且 ViewModel 由具有弱引用的闭包保留 - deinit 每次在视图更新时调用，都subs将被重置，但属性将相同

嗯...

更新 4：

这种方法还允许您在绑定闭包中保留强引用

import Foundation
import Combine
import SwiftUI

/**
 static func instanceInView() -> UIViewController {
     let vm = ContentViewModel()
     let vc = UIHostingController(rootView: ContentView(viewModel: vm))
     vm.bind(uiViewController: vc)
     return vc
 }
 */
public protocol ViewModelProtocol: class {
    static func instanceInView() -> UIViewController
    var bindings: Set<AnyCancellable> { get set }
    func onAppear()
    func onDisappear()
}

extension ViewModelProtocol {

    func bind(uiViewController: UIViewController) {
        uiViewController.publisher(for: \.parent)
            .sink(receiveValue: { [weak self] (parent) in
                if parent == nil {
                    self?.bindings.cancel()
                }
            })
            .store(in: &bindings)
    }

}

struct ModelView<ViewModel: ViewModelProtocol>: UIViewControllerRepresentable {

    func makeUIViewController(context: UIViewControllerRepresentableContext<ModelView>) -> UIViewController {
        return ViewModel.instanceInView()
    }

    func updateUIViewController(_ uiViewController: UIViewController, context: UIViewControllerRepresentableContext<ModelView>) {
        //
    }
}

struct RootView: View {

    var body: some View {
        ModelView<ParkingViewModel>()
            .edgesIgnoringSafeArea(.vertical)
    }

}

Answer 1

Apple 表示我们应该使用 ObservableObject 来处理 SwiftUI 之外的数据。这意味着您必须自己管理数据源。

看起来单状态容器最适合 SwiftUI 架构。

typealias Reducer<State, Action> = (inout State, Action) -> Void

final class Store<State, Action>: ObservableObject {
 @Published private(set) var state: State

 private let reducer: Reducer<State, Action>

 init(initialState: State, reducer: @escaping Reducer<State, Action>) {
     self.state = initialState
     self.reducer = reducer
 }

 func send(_ action: Action) {
     reducer(&state, action)
 }
}

您可以将商店的实例传递到 SwiftUI 应用程序的环境中，它将在所有视图中可用，并将存储您的应用程序状态而不会丢失数据。

我写了一篇关于这种方法的博客文章，请查看它以获取更多信息 https://swiftwithmajid.com/2019/09/18/redux-like-state-container-in-swiftui/