SwiftUI自定义容器View如何为background属性设置默认值？

报错原因 #

你的SampleBgContainer是带两个泛型参数的结构体，其中BackgroundView的具体类型完全由调用方传入的background闭包返回值决定。你直接在通用的泛型初始化方法里给background加默认值{ stackItemDefaultBackground }时，编译器无法确定所有场景下的BackgroundView都等于Color类型，所以抛出类型不匹配错误。
而你在预览中显式传入background: { stackItemDefaultBackground }时，编译器可以根据传入的参数自动推断出本次调用的BackgroundView就是Color类型，所以可以正常运行。

你之前尝试的强制类型转换方案会崩溃是因为：没有做泛型类型约束，不管调用方实际需要的BackgroundView是什么类型，都强行把Rectangle转成目标类型，一旦类型不匹配就会触发运行时崩溃，还会强制用户显式声明泛型参数，使用体验极差。

正确解决方案 #

通过带类型约束的扩展来添加默认值的初始化方法，只有当BackgroundView等于你设定的默认背景类型时，才会匹配这个简化初始化方法，编译器会自动完成类型推断，完全不需要用户感知泛型参数的存在：
首先保留你原来的全参数泛型初始化方法（注意不要提前执行content和background闭包，要保存闭包本身）：

init(
    alignment: HorizontalAlignment = .leading,
    padding: CGFloat = VisualStyle.stackItemPadding,
    cornerRadius: CGFloat = VisualStyle.stackItemCornerRadius,
    @ViewBuilder content: @escaping () -> ContentView,
    @ViewBuilder background: @escaping () -> BackgroundView
) {
    self.alignment = alignment
    self.padding = padding
    self.cornerRadius = cornerRadius
    self.content = content
    self.background = background
}

然后添加扩展，约束BackgroundView为你默认背景的类型（此处以默认用Color为例），在扩展中实现不带background参数的简化初始化方法：

extension SampleBgContainer where BackgroundView == Color {
    init(
        alignment: HorizontalAlignment = .leading,
        padding: CGFloat = VisualStyle.stackItemPadding,
        cornerRadius: CGFloat = VisualStyle.stackItemCornerRadius,
        @ViewBuilder content: @escaping () -> ContentView
    ) {
        self.init(
            alignment: alignment,
            padding: padding,
            cornerRadius: cornerRadius,
            content: content,
            background: { stackItemDefaultBackground }
        )
    }
}

如果你的默认背景是更复杂的组合视图，只需要把扩展的约束改成对应类型即可；如果想要完全隐藏默认背景的类型，可以把默认背景包装成AnyView，约束扩展的BackgroundView == AnyView即可。

使用效果 #

改完之后两种调用方式都可以正常使用，不需要用户显式声明任何泛型参数：

1. 使用默认背景：

SampleBgContainer {
    Text("Hello")
    Text("World")
}

2. 使用自定义背景：

SampleBgContainer(background: {
    LinearGradient(colors: [.blue, .purple], startPoint: .topLeading, endPoint: .bottomTrailing)
}) {
    Text("自定义背景")
}

内容的提问来源于stack exchange，提问作者Tomáš Kafka