在 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
    }
}

有用的鏈接：

• 不可能的網格 SwiftUI