时间戳

首页 > 解决方案 > 视图更新后保持对视图/数据模型的引用

ios - 视图更新后保持对视图/数据模型的引用

问题描述

考虑我们有 aRootView和 a DetailView。DetailView有它自己的 BindableObject，我们称之为它DetailViewModel，我们有场景：

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

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

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

}

标签： iosarchitectureswiftui

解决方案

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/

推荐阅读