SwiftUI容器背景色设置求助：如何将灰色容器改为黑色

我是Swift编程新手，本周刚开始学习。想请教怎么把容器背景色从灰色改成黑色，试了好几次都没成功，应该是漏了基础知识点。

我的代码如下：

private var alertsView: some View {
    NavigationView {
        Form {
            HStack(spacing: 20) {
                Button(action: {
                    showingAlertSetup = true
                }) {
                    HStack {
                        Image(systemName: "plus")
                        Text("Add New Alert")
                    }
                    .padding()
                    .foregroundColor(.blue)
                }
                Spacer()
                Button(action: {
                    // Action for adding a recurring alert
                }) {
                    HStack {
                        Image(systemName: "plus")
                        Text("Add Recurring Alert")
                    }
                    .padding()
                    .foregroundColor(.blue)
                }
            }
            .padding(.vertical, 8)

            Section(header: Text("Active Alerts")) {
                ForEach(alertSettings) { alert in
                    alertRow(for: alert)
                }
                .onDelete(perform: deleteAlert)
                .listRowSeparator(.hidden)
            }
        }
        .listStyle(PlainListStyle())
        .navigationTitle("Alerts")
    }
}

界面截图：

我试过用cursor操作，但没成功。

解决方法 #

SwiftUI里的Form本质是特殊的List，默认继承系统列表样式，直接加.background往往不生效，给你两个实用方案：

方案1：局部修改（iOS 16+适用）

给Form套个ZStack，底层放黑色背景，再隐藏系统默认的滚动背景：

private var alertsView: some View {
    NavigationView {
        ZStack {
            // 底层黑色背景，覆盖安全区
            Color.black.edgesIgnoringSafeArea(.all)
            Form {
                // 原代码内容不变
            }
            .listStyle(PlainListStyle())
            .navigationTitle("Alerts")
            .scrollContentBackground(.hidden) // 隐藏系统默认的灰色背景
        }
    }
}

方案2：全局配置（适配iOS 15及以下）

如果需要兼容更低版本，在App的初始化方法里全局设置列表外观：

@main
struct YourAppName: App {
    init() {
        // 设置全局列表背景色
        UITableView.appearance().backgroundColor = .black
        UITableViewCell.appearance().backgroundColor = .black
    }
    
    var body: some Scene {
        WindowGroup {
            alertsView
        }
    }
}

然后再给Form加上背景色：

Form {
    // 原内容不变
}
.listStyle(PlainListStyle())
.navigationTitle("Alerts")
.background(Color.black)

你之前用的cursor操作不对路，SwiftUI修改背景色不需要用到这类API，按上面的方法改就能搞定。

内容的提问来源于stack exchange，提问作者greenos