SwiftUI中使用LazyVGrid的备用背景色

Question

是否可以更改LazyVGrid中备用行的背景颜色。我没有找到执行此操作的方法。我认为一种方法是使用UITableView，但我想坚持使用SwiftUI而无需使用UIKit。

任何指针或方向都会非常有帮助。

谢谢

Answer 1

您可以尝试以下操作：

struct ContentView: View {
    let columns: Int = 5

    var body: some View {
        let gridItems = Array(repeating: GridItem(.flexible(), spacing: 0), count: columns)
        ScrollView(.vertical) {
            LazyVGrid(columns: gridItems, spacing: 0) {
                ForEach(0 ..< 20) { index in
                    Text("Item \(index)")
                        .padding(10)
                        .frame(maxWidth: .infinity, maxHeight: .infinity)
                        .background(isEvenRow(index) ? Color.red: Color.green)
                }
            }
        }
    }

    func isEvenRow(_ index: Int) -> Bool {
        index / columns % 2 == 0
    }
}

有用的链接：

• Impossible Grids with SwiftUI