掌握 UIViewControllerRepresentable 协议

UIViewControllerRepresentable 协议是 SwiftUI 与 UIKit 之间的一座桥梁，它允许你在 SwiftUI 视图中无缝集成 UIKit 的视图控制器。这为你打开了无限可能，让你能够利用 UIKit 强大的功能，例如使用 UIKit 独有的控件或集成现有的 UIKit 代码库。

协议的核心要求

要实现 UIViewControllerRepresentable 协议，你需要遵循以下两个关键步骤：

创建 UIViewController: 你需要创建一个继承自 UIViewController 的类，并在这个类中实现你想要的 UIKit 视图控制器的功能。
实现 makeUIViewController(context:) 方法: 这个方法负责创建并返回你的 UIKit 视图控制器实例。这是 SwiftUI 如何知道要显示哪个 UIKit 视图控制器的关键。
实现 updateUIViewController(_:context:) 方法: 这个方法允许你在 SwiftUI 视图的状态发生变化时更新你的 UIKit 视图控制器。例如，你可以根据 SwiftUI 的绑定变量来更新 UIKit 视图控制器的属性。

实际应用示例 💡

假设你想在 SwiftUI 中使用 UIKit 的 UIImagePickerController 来让用户选择照片。你可以这样做：

swift

struct ImagePicker: UIViewControllerRepresentable {
    @Binding var image: UIImage?
    @Environment(\.presentationMode) var presentationMode

    func makeUIViewController(context: Context) -> UIImagePickerController {
        let picker = UIImagePickerController()
        picker.delegate = context.coordinator
        return picker
    }

    func updateUIViewController(_ uiViewController: UIImagePickerController, context: Context) {
    }

    func makeCoordinator() -> Coordinator {
        Coordinator(self)
    }

    class Coordinator: NSObject, UIImagePickerControllerDelegate, UINavigationControllerDelegate {
        let parent: ImagePicker

        init(_ parent: ImagePicker) {
            self.parent = parent
        }

        func imagePickerController(_ picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [UIImagePickerController.InfoKey : Any]) {
            if let uiImage = info[.originalImage] as? UIImage {
                parent.image = uiImage
            }

            parent.presentationMode.wrappedValue.dismiss()
        }
    }
}

在这个例子中，ImagePicker 结构体实现了 UIViewControllerRepresentable 协议，并使用 UIImagePickerController 来让用户选择照片。Coordinator 类处理 UIImagePickerController 的代理回调，并将选择的图像传递回 SwiftUI 视图。

深入理解 Context 🧐

在 makeUIViewController(context:) 和 updateUIViewController(_:context:) 方法中，你会看到一个 context 参数。这个 context 参数提供了关于 SwiftUI 环境的信息，例如：

coordinator: 你可以使用 coordinator 来处理 UIKit 视图控制器的代理回调。
environment: 你可以访问 SwiftUI 的环境值，例如颜色方案或设备方向。

总结 🎉

UIViewControllerRepresentable 协议是 SwiftUI 与 UIKit 交互的关键。通过理解并掌握这个协议，你可以充分利用 UIKit 的强大功能，并在 SwiftUI 应用中创建更丰富、更强大的用户界面。记住，实践是最好的老师！尝试不同的 UIKit 视图控制器，并探索如何将它们集成到你的 SwiftUI 应用中。你会发现，这为你打开了一个充满可能性的新世界！

掌握 UIViewControllerRepresentable 协议 ​

协议的核心要求 ​

实际应用示例 💡 ​

深入理解 Context 🧐 ​

总结 🎉 ​

掌握 UIViewControllerRepresentable 协议

协议的核心要求

实际应用示例 💡

深入理解 Context 🧐

总结 🎉