如何在SwiftUI视图中添加泛型视图？解决初始化报错问题

你遇到的问题本质是SwiftUI的View协议仅定义了body属性，没有强制要求实现无参初始化方法。所以当你声明泛型T: View时，编译器无法保证所有符合View的类型都有init()，直接调用T()自然会报错。下面是几种实用的解决思路：

方案1：自定义带初始化约束的协议 #

先定义一个继承自View的新协议，强制要求实现无参初始化，再让泛型类型遵循这个协议：

protocol InitializableView: View {
    init()
}

// 让你的自定义视图遵循该协议
struct RedRectView: InitializableView {
    var body: some View {
        Rectangle().fill(.red)
    }
}

// 泛型视图使用新协议作为约束
struct TripleView<T: InitializableView>: View {
    var body: some View {
        VStack {
            T()
            T()
            T()
        }
    }
}

方案2：通过@ViewBuilder传入视图构造闭包（推荐） #

这种方式不需要给视图加额外协议约束，直接在泛型视图中接收一个返回目标视图的闭包，调用者可以灵活指定初始化逻辑（包括带参数的场景）：

struct TripleView<T: View>: View {
    let viewBuilder: () -> T
    
    init(viewBuilder: @escaping () -> T) {
        self.viewBuilder = viewBuilder
    }
    
    var body: some View {
        VStack {
            viewBuilder()
            viewBuilder()
            viewBuilder()
        }
    }
}

// 使用示例
TripleView {
    RedRectView()
    // 也可以传带参数的初始化：RedRectView(color: .blue)
}

这种方式特别适合列表场景，比如实现泛型CellView：

struct GenericListView<Cell: View>: View {
    let items: [String]
    let cellBuilder: (String) -> Cell
    
    var body: some View {
        List(items, id: \.self) { item in
            cellBuilder(item)
        }
    }
}

// 用不同样式的Cell复用列表
GenericListView(items: ["Item1", "Item2"]) { item in
    Text(item) // 普通文本Cell
}

GenericListView(items: ["Item1", "Item2"]) { item in
    HStack {
        Image(systemName: "star")
        Text(item)
    } // 带图标的Cell
}

方案3：传入已初始化的视图集合（列表场景可选） #

如果是列表场景，也可以直接传入提前初始化好的视图集合，要求泛型类型遵循Identifiable即可：

struct GenericListView<Cell: View & Identifiable>: View {
    let cells: [Cell]
    
    var body: some View {
        List(cells) { cell in
            cell
        }
    }
}

// 使用示例
GenericListView(cells: [
    RedRectView(),
    BlueCircleView(),
    GreenTextView(text: "Hello")
])

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