如何创建通用UIViewRepresentable结构体统一封装UIKit视图供SwiftUI使用

问题根源 #

你定义的GenericUIViewRepresentable中uiViewType属性是UIViewType实例类型，调用时传入的UILabel是类本身（元类型UILabel.Type），二者类型不匹配触发报错。

解决方案1：默认初始化通用封装（适合90%常用场景） #

直接修改通用结构体，存储UIView的元类型，在makeUIView方法内自动调用默认初始化方法创建实例：

struct GenericUIViewRepresentable<UIViewType: UIView>: UIViewRepresentable {
    let viewType: UIViewType.Type
    let configuration: (UIViewType) -> Void
    
    func makeUIView(context: Context) -> UIViewType {
        viewType.init()
    }
    
    func updateUIView(_ uiView: UIViewType, context: Context) {
        configuration(uiView)
    }
}

调用时传入对应视图的元类型即可，无需单独编写封装：

struct ContentView: View {
    var body: some View {
        VStack(spacing: 20) {
            // 封装UILabel
            GenericUIViewRepresentable(viewType: UILabel.self) { label in
                label.text = "Hello, World!"
                label.textColor = .systemBlue
            }
            // 封装UIButton
            GenericUIViewRepresentable(viewType: UIButton.self) { button in
                button.setTitle("点击按钮", for: .normal)
                button.setTitleColor(.systemRed, for: .normal)
            }
        }
    }
}

解决方案2：全场景通用封装（支持自定义初始化逻辑） #

如果你的UIView需要使用自定义初始化方法（比如带frame参数、Xib加载等），可以改用接收视图创建闭包的实现：

struct GenericUIViewRepresentable<UIViewType: UIView>: UIViewRepresentable {
    let makeView: () -> UIViewType
    let configuration: (UIViewType) -> Void
    
    func makeUIView(context: Context) -> UIViewType {
        makeView()
    }
    
    func updateUIView(_ uiView: UIViewType, context: Context) {
        configuration(uiView)
    }
}

自定义初始化调用示例：

// 自定义frame初始化UILabel
GenericUIViewRepresentable {
    UILabel(frame: CGRect(x: 0, y: 0, width: 200, height: 30))
} configuration: { label in
    label.text = "自定义初始化的Label"
}

// Xib加载自定义视图
GenericUIViewRepresentable {
    UINib(nibName: "CustomView", bundle: nil).instantiate(withOwner: nil)[0] as! CustomView
} configuration: { customView in
    customView.title = "Xib加载的自定义视图"
}

内容的提问来源于stack exchange，提问作者swiftPunk