如何让Custom Layout兼容@ViewBuilder传入的视图内容？

错误原因 #

你遇到的Type '() -> Content' cannot conform to 'View'本质是把@ViewBuilder生成的闭包直接传给了CustomLayout的content参数，而CustomLayout（继承自Layout协议）的content参数需要的是具体的View实例，不是闭包类型。用Group包裹报错则是因为@ViewBuilder的表达式解析逻辑无法匹配闭包到Group的构建方法。

正确封装方案 #

下面是完整的代码示例，包含iOS16+自定义Layout、兼容封装视图，以及正确的调用方式：

1. 定义iOS16+自定义Layout

@available(iOS 16.0, *)
struct ProportionalLayout: Layout {
    let ratio: CGFloat
    
    // 计算布局尺寸
    func sizeThatFits(proposal: ProposedViewSize, subviews: Subviews, cache: inout ()) -> CGSize {
        let targetWidth = proposal.width ?? UIScreen.main.bounds.width
        return CGSize(width: targetWidth, height: targetWidth * ratio)
    }
    
    // 放置子视图
    func placeSubviews(in bounds: CGRect, proposal: ProposedViewSize, subviews: Subviews, cache: inout ()) {
        let center = CGPoint(x: bounds.midX, y: bounds.midY)
        subviews.forEach { subview in
            subview.place(at: center, anchor: .center, proposal: proposal)
        }
    }
}

2. 封装兼容视图ProportionalView

这里的关键是调用content()生成具体View实例，再传给CustomLayout：

struct ProportionalView<Content: View>: View {
    let ratio: CGFloat
    @ViewBuilder let content: () -> Content
    
    var body: some View {
        if #available(iOS 16.0, *) {
            ProportionalLayout(ratio: ratio) {
                // 执行闭包生成View，而非直接传闭包
                content()
            }
        } else {
            // 低版本系统用替代布局（比如VStack，可根据需求调整）
            VStack(spacing: 16) {
                content()
            }
            .frame(maxWidth: .infinity)
        }
    }
}

3. 使用封装后的视图

struct DemoView: View {
    var body: some View {
        ProportionalView(ratio: 1.2) {
            Text("自定义布局测试")
                .font(.title)
            Image(systemName: "square.fill")
                .resizable()
                .frame(width: 80, height: 80)
        }
        .padding()
        .background(Color.gray.opacity(0.1))
    }
}

额外优化：给自定义Layout添加@ViewBuilder语法糖 #

如果想让CustomLayout本身支持直接传入@ViewBuilder闭包，可以给它加一个扩展初始化方法，让调用更自然：

@available(iOS 16.0, *)
extension ProportionalLayout {
    init(ratio: CGFloat, @ViewBuilder content: () -> some View) {
        self.ratio = ratio
    }
}

这个初始化方法只是语法糖，因为Layout协议本身不需要存储子视图，而是通过subviews参数在布局方法中获取。

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