SwiftUI 如何使用 listRowBackground() 设置列表行的背景色?

8 min read

您可以使用 listRowBackground(modifier:) 方法来设置列表行的背景色。这个方法需要使用一个 ViewModifier 对象作为参数,可以使用背景色来自定义列表行的外观。

以下是一个示例代码,使用 listRowBackground() 方法来设置列表行的背景色为红色:

struct ContentView: View {
    let data = ["Item 1", "Item 2", "Item 3"]

    var body: some View {
        List(data, id: \.self) { item in
            Text(item)
                .font(.title)
                .listRowBackground(Color.red)
        }
    }
}

在这个示例中,我们使用 List() 构建一个简单的列表,并使用 data 数组来显示文本项。然后我们使用 listRowBackground() 方法为每个列表行设置红色背景。