SwiftUI：带有 SidebarListStyle 的列表的背景颜色？

Question

我有一个 SwiftUI List，它的 listStyle 设置为 SidebarListStyle。这给了我一个List，看起来像这样：

太棒了！但是，我想在其上设置不同的背景颜色，但似乎不知道该怎么做。我的代码如下所示：

List {
   <snip>
}
.listStyle(SidebarListStyle())
.background(Color.yellow.ignoresSafeArea())

但是，这实际上什么也没做。我的List 看起来完全一样。我该如何设置这个List的背景颜色？

Answer 1

您可以使用此修饰符 .listRowBackground() 来作为单独行的背景颜色。

struct ContentView: View {
    
    private var items = ["1", "2", "3"]
    
    init(){
        UITableView.appearance().backgroundColor = .purple // background color of list
    }
    
    var body: some View {
        List {
            ForEach(items, id: \.self) { item in
                Text(item)
                    .listRowBackground(Color.yellow) // background color of listRow
                Text(item)
                    .listRowBackground(Color.blue) // background color of listRow
            }
        }
        .frame(width: 300, height: 600)
    }
}

---