Swift中无法添加元素到列表：buildexpression无精确匹配问题求助

你遇到的报错核心有两个原因：误用SwiftUI的ForEach做普通循环，以及CarouselViewItem的属性定义不符合SwiftUI的类型规则，以下是具体修复步骤：

1. 替换ForEach为普通for循环 #

SwiftUI的ForEach是视图结构体，仅能在View的body上下文中用来生成视图序列，不能在普通函数里做遍历添加元素的操作。把代码里的ForEach换成普通枚举循环：

func getCarouselItems(_ listOfItems: [String]) -> [CarouselViewItem] {
    var listOfCarouselItem: [CarouselViewItem] = []
    
    // 用普通for循环替代ForEach
    for (index, item) in listOfItems.enumerated() {
        listOfCarouselItem.append(CarouselViewItem(id: index, content: {
            ZStack{
                RoundedRectangle(cornerRadius: 15.0)
                    .fill(Color.red)
                Text(item) // 直接用遍历得到的item，无需通过index取数组元素
            }
        }))
    }
    
    return listOfCarouselItem
}

2. 修正CarouselViewItem的定义 #

@ViewBuilder与any View的搭配会导致类型推断冲突，这里提供两种符合SwiftUI规范的方案：

方案一：保留@ViewBuilder（支持多视图拼接）

如果需要在content里使用@ViewBuilder的语法（比如写多个View自动拼接），将content定义为返回some View的闭包：

struct CarouselViewItem: View, Identifiable {
    var id: Int
    @ViewBuilder let content: () -> some View
    
    var body: some View {
        content() // 直接调用闭包，无需用AnyView包裹
    }
}

方案二：去掉@ViewBuilder（仅单视图场景）

如果不需要多视图拼接，可直接用any View类型：

struct CarouselViewItem: View, Identifiable {
    var id: Int
    let content: any View
    
    var body: some View {
        AnyView(content)
    }
}

完整可运行示例 #

import SwiftUI

struct CarouselViewItem: View, Identifiable {
    var id: Int
    @ViewBuilder let content: () -> some View
    
    var body: some View {
        content()
    }
}

struct ContentView: View {
    let items = ["Item1", "Item2", "Item3"]
    
    func getCarouselItems(_ listOfItems: [String]) -> [CarouselViewItem] {
        var listOfCarouselItem: [CarouselViewItem] = []
        
        for (index, item) in listOfItems.enumerated() {
            listOfCarouselItem.append(CarouselViewItem(id: index) {
                ZStack{
                    RoundedRectangle(cornerRadius: 15.0)
                        .fill(Color.red)
                    Text(item)
                        .foregroundColor(.white)
                }
                .frame(width: 200, height: 150)
            })
        }
        
        return listOfCarouselItem
    }
    
    var body: some View {
        ScrollView(.horizontal) {
            HStack(spacing: 16) {
                ForEach(getCarouselItems(items)) { item in
                    item
                }
            }
            .padding()
        }
    }
}

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