如何为SwiftUI View传递两个Content参数？iOS14适配

这个需求完全可以在iOS14的SwiftUI中实现，你遇到编译错误的核心原因是泛型参数复用导致的类型不匹配：当前Card结构体仅定义了一个Content泛型，但content和stackedContent的实际视图类型可能不同（比如示例里的Text和Card），Swift无法推导出统一的Content类型，从而引发编译错误。

修正方案：使用双泛型参数 #

给Card添加两个独立的泛型参数，分别对应主内容和堆叠内容，同时保留原有单内容的初始化器以兼容旧代码：

public struct Card<Content: View, StackedContent: View>: View {
    private let content: Content
    private let stackedContent: StackedContent
    private let backgroundColor: Color

    // 带堆叠内容的初始化器
    public init(
        backgroundColor: Color,
        @ViewBuilder content: () -> Content,
        @ViewBuilder stackedContent: () -> StackedContent
    ) {
        self.backgroundColor = backgroundColor
        self.content = content()
        self.stackedContent = stackedContent()
    }

    // 兼容原有单内容调用的初始化器
    public init(
        backgroundColor: Color,
        @ViewBuilder content: () -> Content
    ) where StackedContent == EmptyView {
        self.backgroundColor = backgroundColor
        self.content = content()
        self.stackedContent = EmptyView()
    }
    
    public var body: some View {
        ZStack(alignment: .topLeading) { // 可根据UIKit效果调整对齐方式
            content
                .padding(16)
                .frame(maxWidth: .infinity)
                .background(TileShape(cornerRadius: 8, backgroundColor: backgroundColor))
                .clipShape(RoundedRectangle(cornerRadius: 8))
            
            // 调整偏移量模拟UIKit的堆叠视觉效果
            stackedContent
                .offset(x: 12, y: 12) // 可按需修改偏移数值
                .padding(.top, 8)
        }
    }
}

// 补全TileShape的必要实现（假设你原有代码的定义）
struct TileShape: Shape {
    var cornerRadius: CGFloat
    var backgroundColor: Color
    
    func path(in rect: CGRect) -> Path {
        RoundedRectangle(cornerRadius: cornerRadius).path(in: rect)
    }
}

调用示例 #

原有单内容调用（仍兼容） #

Card(backgroundColor: .white) {
    Text("Card contents")
}

带堆叠内容的调用 #

// 方式1：显式指定两个闭包
Card(backgroundColor: .white,
     content: {
         Text("Base Card Contents")
     },
     stackedContent: {
         Card(backgroundColor: .gray) {
             Text("Stacked Card Here")
         }
     })

// 方式2：利用尾随闭包简化写法
Card(backgroundColor: .white, stackedContent: {
    Card(backgroundColor: .gray) {
        Text("Stacked Card Here")
    }
}) {
    Text("Base Card Contents")
}

iOS14兼容性说明 #

iOS14完全支持ZStack、@ViewBuilder、泛型视图以及offset等核心API，上述实现可以在目标系统版本中正常运行，完美复刻UIKit的堆叠卡片效果。

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