如何在现有的基于 Storyboard 的项目中设置 @EnvironmentObject？

Question

我有一个使用 Storyboard 和 UIKit 构建的 iOS 项目。现在我想使用 SwiftUI 开发新屏幕。我在现有的 Storyboard 中添加了一个 Hosting View Controller，并用它来显示我新创建的 SwiftUI 视图。

但我不知道如何创建一个可以在整个应用程序的任何地方使用的 @EnvironmenetObject。我应该能够在任何基于 UIKit 的 ViewController 以及我的 SwiftUI 视图中访问/设置它。

这可能吗？如果有怎么办？在纯 SwiftUI 应用中，我们如下设置环境对象，

@main
struct myApp: App {
    @StateObject var item = Item()

    var body: some Scene {
        WindowGroup {
            MainView()
                .environmentObject(item)
        }
    }
}

但就我而言，没有这样的功能，因为它是一个现有的 iOS 项目，带有 AppDelegate 和 SceneDelegate。并且初始视图控制器在 Storyboard 中被标记。 如何设置它并在应用程序的任何位置访问该对象？

Answer 1

.environmentObject 修饰符将视图的类型从 ItemDetailView 更改为其他内容。强制转换它会导致错误。相反，请尝试将其包装到 AnyView 中。

class OrderObservable: ObservableObject {
    
    @Published var order: String = "Hello"
}

struct ItemDetailView: View {
    
    @EnvironmentObject var orderObservable: OrderObservable
    
    var body: some View {
        
        EmptyView()
            .onAppear(perform: {
                print(orderObservable.order)
            })
    }
}

class ItemDetailViewHostingController: UIHostingController<AnyView> {
    let appDelegate = UIApplication.shared.delegate as! AppDelegate

    required init?(coder: NSCoder) {
        super.init(coder: coder,rootView: AnyView(ItemDetailView().environmentObject(OrderObservable())))
    }
}

这对我有用。这是你需要的吗？

编辑： 好的，所以我通过 View 设置了 ViewController 中的属性。它不像使用属性包装器或视图修饰符那么容易，但它确实有效。我试了一下。请让我知道这是否满足您的要求。另外，我必须摆脱 HostingController 子类。

class ViewController: UIViewController {
    
    var orderObservable = OrderObservable()
    
    override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
        guard let myVC = (segue.destination as? MyViewController) else { return }
        myVC.orderObservable = orderObservable
    }
}

class MyViewController: UIViewController {
    
    var orderObservable: OrderObservable!
    var anycancellables = Set<AnyCancellable>()
    @IBAction @objc func buttonSegueToHostingVC() {
        let detailView = ItemDetailView().environmentObject(orderObservable)
        present(UIHostingController(rootView: detailView), animated: true)
        
        orderObservable.$order.sink { newVal in
            print(newVal)
        }
        .store(in: &anycancellables)
    }
}


class OrderObservable: ObservableObject {
    
    @Published var order: String = "Hello"
    
    init() {
        DispatchQueue.main.asyncAfter(deadline: .now() + 10) {
            self.order = "World"
        }
    }
}

struct ItemDetailView: View {
    
    @EnvironmentObject var orderObservable: OrderObservable
    
    var body: some View {
        
        Text("\(orderObservable.order)")
    }
}

基本上我在 ViewController 类中创建 observable 对象，将其传递给 MyViewController 类，最后使用 ItemDetailView 创建一个托管控制器，并将其设置为 environmentObject 并呈现它。

Answer 2

这是我对解决这个问题的看法。我的应用面向 iOS 14 或更高版本：

当前状态

我有一个 Main.storyboard 文件，其中一个视图控制器场景设置为具有自定义类 ViewController 的初始视图控制器。这是自定义类的实现：

import UIKit

class ViewController: UIViewController {
    @IBOutlet var label: UILabel!
}

目标

在 SwiftUI 应用程序生命周期中使用此类并使其对@EnvironmentObject 实例做出反应和交互（在这种情况下，我们称之为主题管理器）。

解决方案

我将定义一个带有Theme 已发布属性的ThemeManager 可观察对象，如下所示：

import SwiftUI

class ThemeManager: ObservableObject {
    @Published var theme = Theme.purple
}

struct Theme {
    let labelColor: Color
}

extension Theme {
    static let purple = Theme(labelColor: .purple)
    static let green = Theme(labelColor: .green)
}

extension Theme: Equatable {}

接下来，我创建了一个 ViewControllerRepresentation 以便能够在 SwiftUI 中使用 ViewController：

import SwiftUI

struct ViewControllerRepresentation: UIViewControllerRepresentable {
    @EnvironmentObject var themeManager: ThemeManager

    // Use this function to pass the @EnvironmentObject to the view controller 
    // so that you can change its properties from inside the view controller scope.
    func makeUIViewController(context: Context) -> ViewController {
        let storyboard = UIStoryboard(name: "Main", bundle: nil)
        let viewController = storyboard.instantiateInitialViewController { coder in
            ViewController(themeManager: themeManager, coder: coder)
        }
        return viewController!
    }

    // Use this function to update the view controller when the @EnvironmentObject changes.
    // In this case I modify the label color based on the themeManager.
    func updateUIViewController(_ uiViewController: ViewController, context: Context) {
        uiViewController.label.textColor = UIColor(themeManager.theme.labelColor)
    }
}

然后我更新了ViewController 以接受themeManager 实例：

import UIKit

class ViewController: UIViewController {
    @IBOutlet var label: UILabel!

    let themeManager: ThemeManager

    init?(themeManager: ThemeManager, coder: NSCoder) {
        self.themeManager = themeManager
        super.init(coder: coder)
    }

    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    @IBAction func toggleTheme(_ sender: UIButton) {
        if themeManager.theme == .purple {
            themeManager.theme = .green
        } else {
            themeManager.theme = .purple
        }
    }
}

现在，要做的最后一件事是创建主题管理器的实例并将其作为环境对象传递给视图控制器表示：

import SwiftUI

@main
struct ThemeEnvironmentApp: App {
    @StateObject private var themeManager = ThemeManager()

    var body: some Scene {
        WindowGroup {
            ViewControllerRepresentation()
                .environmentObject(themeManager)
        }
    }
}

运行应用程序会显示带有标签和按钮的视图控制器。点击按钮会触发IBAction，这会更改themeManager.theme，从而触发对表示的updateUIViewController(_:, context:)的调用：