自定义带ViewBuilder参数的SwiftUI View遇编译错误求助

你当前的泛型设计错误地将ImageView交由调用者指定，但内部生成的是经过resizable()和scaledToFit()修饰后的View（类型为some View，而非调用者指定的ImageView），导致类型不匹配，触发编译错误。

以下是两种可行的修改方向，可根据需求选择：

方案1：使用具体的内部View类型（推荐） #

定义一个私有结构体封装你需要的Image修饰逻辑，让闭包接收这个明确的类型，彻底解决类型不匹配问题：

struct AsyncCouponImageRendererView<EnclosingView: View>: View {
    @ObservedObject private var model: AsyncCouponImageRendererModel
    private let imageElementContent: @escaping (RenderedImageView) -> EnclosingView

    @MainActor init(couponImages: [CouponImage], tandemRendering: Bool = true, @ViewBuilder imageElementContent: @escaping (RenderedImageView) -> EnclosingView) {
        self.model = AsyncCouponImageRendererModel(couponImages: couponImages, tandemRendering: tandemRendering)
        self.imageElementContent = imageElementContent
    }
    
    @MainActor init(couponImages: [CouponImage], tandemRendering: Bool = true) where EnclosingView == ZStack<RenderedImageView> {
        self.init(couponImages: couponImages, tandemRendering: tandemRendering) { view in
            ZStack {
                view
            }
        }
    }
    
    var body: some View {
        ForEach(0 ..< model.imageCount, id: \.self) { index in
            if let image = model.images[index] {
                imageElementContent(RenderedImageView(uiImage: image))
            } else {
                ProgressView()
            }
        }
        .onAppear {
            model.render()
        }
    }
}

// 封装内部的Image渲染逻辑
private struct RenderedImageView: View {
    let uiImage: UIImage
    var body: some View {
        Image(uiImage: uiImage)
            .resizable()
            .scaledToFit()
    }
}

方案2：使用any View简化设计 #

如果不需要明确的类型信息，直接让闭包接收any View，适用于只需要包裹View而不需要进一步类型特定操作的场景：

struct AsyncCouponImageRendererView<EnclosingView: View>: View {
    @ObservedObject private var model: AsyncCouponImageRendererModel
    private let imageElementContent: @escaping (any View) -> EnclosingView

    @MainActor init(couponImages: [CouponImage], tandemRendering: Bool = true, @ViewBuilder imageElementContent: @escaping (any View) -> EnclosingView) {
        self.model = AsyncCouponImageRendererModel(couponImages: couponImages, tandemRendering: tandemRendering)
        self.imageElementContent = imageElementContent
    }
    
    @MainActor init(couponImages: [CouponImage], tandemRendering: Bool = true) where EnclosingView == ZStack<TupleView<[any View]>> {
        self.init(couponImages: couponImages, tandemRendering: tandemRendering) { view in
            ZStack {
                view
            }
        }
    }
    
    var body: some View {
        ForEach(0 ..< model.imageCount, id: \.self) { index in
            if let image = model.images[index] {
                imageElementContent(
                    Image(uiImage: image)
                        .resizable()
                        .scaledToFit()
                )
            } else {
                ProgressView()
            }
        }
        .onAppear {
            model.render()
        }
    }
}

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