UIKit x SwiftUI 混合开发：巧妙 Dismiss HostController

2024-02-09 20:46:46

UIKit 与 SwiftUI 并驾齐驱：优雅地关闭 HostController

在跨平台开发的世界中，将 UIKit 和 SwiftUI 结合使用已经成为一种流行趋势。这两种框架各具优势，UIKit 提供广泛的原生组件和强大的性能，而 SwiftUI 以其声明式语法和直观的界面设计而著称。

然而，在 UIKit 和 SwiftUI 混合开发中，我们有时需要从 SwiftUI 视图中关闭 UIKit HostController。这可能会带来一些挑战，因为 SwiftUI 视图托管在 UIKit 视图控制器中，直接使用 dismiss() 方法会引发错误。

关闭 HostController 的三种方法

方法 1：视图控制器委托

一种方法是使用视图控制器委托。我们可以为 SwiftUI 视图定义一个委托协议，并实现 viewWillDisappear(_:) 方法来关闭 HostController。

SwiftUI 视图代码示例：

struct MySwiftUIView: View {
    @EnvironmentObject var delegate: MySwiftUIViewDelegate
    
    func dismiss() {
        delegate.dismissHostController()
    }
}

UIKit 视图控制器代码示例：

class MyUIKitViewController: UIViewController, MySwiftUIViewDelegate {
    func dismissHostController() {
        self.dismiss(animated: true)
    }
}

方法 2：通知中心

另一种选择是使用通知中心。我们可以发送一个自定义通知，并在 SwiftUI 视图和 UIKit 视图控制器中注册观察者来处理该通知。

SwiftUI 视图代码示例：

struct MySwiftUIView: View {
    @ObservedObject var observer = NotificationObserver()
    
    func dismiss() {
        NotificationCenter.default.post(name: .dismissHostController, object: nil)
    }
}

UIKit 视图控制器代码示例：

class MyUIKitViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        
        NotificationCenter.default.addObserver(self, selector: #selector(dismissHostController), name: .dismissHostController, object: nil)
    }
    
    @objc func dismissHostController() {
        self.dismiss(animated: true)
    }
}

方法 3：直接访问 HostController

在某些情况下，直接访问 HostController 也是可行的。我们可以使用 findViewController() 方法来查找 SwiftUI 视图关联的 UIKit 视图控制器。

SwiftUI 视图代码示例：

struct MySwiftUIView: View {
    func dismiss() {
        guard let hostController = self.findViewController() else { return }
        hostController.dismiss(animated: true)
    }
}

选择最佳方法

每种方法都有其优点和缺点。视图控制器委托提供了一个直接和强类型化的界面，而通知中心则提供了更多的灵活性，允许我们在 SwiftUI 视图和 UIKit 视图控制器之间进行更松散的耦合。直接访问 HostController 可能是最简单的方法，但仅在 SwiftUI 视图与 HostController 之间存在直接关系时才可行。