如何更改列表区域周围的颜色？

Question

在 SwiftUI 中，我将如何更改列表周围的背景颜色？我尝试过使用各种ZStack 和.listRowBackground(Color.clear)，但没有运气。这是一些示例代码。

struct SwiftUIView: View {

    var body: some View {
        ZStack(alignment: .top) {
            Color(.blue)
            VStack {
                List(0 ..< 5) { item in
                    HStack {
                        Image(systemName: "clock")
                        Text("Placeholder")
                    }
                }
            }
        }
    }
}

Answer 1

有两种方法可以做到这一点：

1. 使用SwiftUI-Introspect，这会改变这个特定 List（我的建议）
2. 全局更改所有 Lists 的样式（我不建议这样做，因为这可能会影响许多不同的组件）

这些解决方案的结果：

1：内省

struct ContentView: View {
    var body: some View {
        List(0 ..< 5) { item in
            HStack {
                Image(systemName: "clock")

                Text("Placeholder")
            }
        }
        .introspectTableView { tableView in
            tableView.backgroundColor = .clear
        }
        .background(Color.blue)
    }
}

2：全局外观

struct ContentView: View {
    init() {
        UITableView.appearance().backgroundColor = .clear
    }

    var body: some View {
        List(0 ..< 5) { item in
            HStack {
                Image(systemName: "clock")

                Text("Placeholder")
            }
        }
        .background(Color.blue)
    }
}

---

您也可以使用以下方法来忽略背景颜色的安全区域：

.background(Color.blue.ignoresSafeArea())