Xcode 15 使用#Preview宏预览UIKit UIView编译失败求助

问题原因 #

#Preview宏要求返回内容必须遵循SwiftUI的View协议，而UIKit的UIView本身并不符合该协议，直接返回就会触发报错：Compiling failed: return expression of type 'UIView' does not conform to 'View'。

解决方法 #

需要用SwiftUI提供的包装器将UIKit视图转换为符合View协议的类型，有两种常用方式：

快速修复方案 #

使用UIView(_:)便捷包装器直接封装UIKit视图，适合简单场景：

import SwiftUI

#Preview {
    let uiView = UIView()
    uiView.backgroundColor = .red // 添加背景色便于预览识别
    return UIView(uiView)
}

自定义封装方案 #

如果你的UIView包含复杂配置或交互逻辑，可自定义UIViewRepresentable实现完整封装：

import SwiftUI

struct UIViewWrapper: UIViewRepresentable {
    func makeUIView(context: Context) -> UIView {
        let view = UIView()
        view.backgroundColor = .blue
        // 在这里添加UIView的初始化、配置逻辑
        return view
    }
    
    func updateUIView(_ uiView: UIView, context: Context) {
        // 视图需要更新时的逻辑处理
    }
}

#Preview {
    UIViewWrapper()
}

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