SwiftUI：如何为ForEach循环生成的视图设置交替背景色？

要实现每行交替背景色，核心是给每个单独的行根据其在列表中的位置（索引）设置不同背景，而非给整个ForEach统一设置。具体修改如下：

修改后的代码 #

@State var posts: [Item] = []
@State var expanded = false
@State var totalRows = 0

ScrollView {
    ForEach(Array(posts.prefix(expanded ? totalRows : 5).enumerated()), id: \.element.id) { index, post in
        Label {
            VStack(alignment: .leading) {
                Text(convertDate(post.date))
            }
            .padding(.leading, 8)
        } icon: {}
        .frame(width: UIScreen.main.bounds.width - 35, height: 85, alignment: .leading)
        .background(index % 2 == 0 ? Color.white : Color.gray.opacity(0.2)) // 根据索引奇偶切换颜色
        .cornerRadius(10)
    }
}

关键说明 #

• 用enumerated()将数组转换为包含索引和元素的元组序列，以此获取每行的位置信息
• ForEach的id参数仍使用element.id，保证列表视图的稳定性（避免索引变化引发不必要的视图刷新）
• 通过index % 2 == 0判断奇偶行，分别设置不同背景色（示例用白色和浅灰色，你可以替换成自定义的Color("cellColor")及对应交替色）
• 将.frame、.background、.cornerRadius等修饰符移到ForEach内部的Label上，确保每个行单独应用样式，而非整个列表统一设置

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