SwiftUI中如何在视图参数内部使用ForEach循环生成重复视图

固定数量无差别子视图的实现 #

如果只需要生成固定数量的相同SliderItemView，无需绑定差异化数据，直接对区间做映射生成视图数组即可：

CarouselView(itemHeight: 124, views: (0..<3).map { _ in
    SliderItemView()
})

把代码中的3替换成你需要的子视图数量即可。

带数据源的差异化子视图实现 #

如果每个SliderItemView需要展示不同的内容，你需要先定义对应的数据模型，再遍历数据源生成视图：

步骤1：定义数据模型 #

让模型遵守Identifiable协议，方便ForEach遍历：

struct SliderItem: Identifiable {
    let id = UUID()
    // 按需添加业务属性，比如标题、封面图资源名等
    let title: String
    let cover: String
}

步骤2：声明数据源数组 #

在视图中定义你需要展示的轮播内容数据源：

let sliderItems: [SliderItem] = [
    SliderItem(title: "轮播1", cover: "banner_1"),
    SliderItem(title: "轮播2", cover: "banner_2"),
    SliderItem(title: "轮播3", cover: "banner_3")
]

步骤3：替换轮播视图代码 #

遍历数据源生成对应的子视图数组：

CarouselView(itemHeight: 124, views: sliderItems.map { item in
    SliderItemView(data: item)
})

特殊情况：轮播组件支持ViewBuilder构造器 #

如果你用的CarouselView支持@ViewBuilder可变参数构造（无需传视图数组），可以直接在构造器内写ForEach：

CarouselView(itemHeight: 124) {
    // 固定数量的写法
    ForEach(0..<3) { _ in
        SliderItemView()
    }
    // 带数据源的写法
    ForEach(sliderItems) { item in
        SliderItemView(data: item)
    }
}

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