SwiftUI中无法设置Form/List整体背景色的问题求助

针对你遇到的Form与内部VStack之间区域无法修改背景色的问题，核心是要移除Section的默认系统背景，具体修改方案如下：

修改后的完整代码 #

struct ContentView: View {
    var body: some View {
        ZStack {
            VStack {
                Text("Calculator").font(.system(size: 25))
                Form{
                    Section("Intercept and Azimuth") {
                        VStack{
                            HStack{
                                Text("Hc: ")
                                Text("HCmin:")
                            }
                            HStack{
                                Text("Z:    ")
                            }
                        }
                        .background(Color.green)
                    }
                    // 移除Section内容区域的默认背景，让Form的黄色背景透出来
                    .listRowBackground(Color.clear)
                }
                .background(Color.yellow)
                .frame(height:200)
                .scrollContentBackground(.hidden)
                // 可选：调整列表样式，消除系统默认的额外间距/边框
                .listStyle(.plain)
            }
            .padding()
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity)
        .background(.teal)
    }
}

关键修改说明 #

• .listRowBackground(Color.clear)：这是解决核心问题的关键——Section默认带有系统样式的背景容器，设置为透明后，Form的黄色背景就能直接显示在绿色VStack周围，消除中间的系统默认色区域。
• 保留.scrollContentBackground(.hidden)：确保Form的默认滚动背景被隐藏，让你设置的.background(Color.yellow)生效。
• 可选.listStyle(.plain)：如果不需要系统默认的分组样式边框和间距，切换为plain样式可以让布局更简洁，也能避免额外的背景渲染。

扩展：自定义Section头部背景 #

如果连Section标题区域的背景也需要和Form统一，可修改Section的头部实现：

Section {
    // 原有VStack内容
} header: {
    Text("Intercept and Azimuth")
        .background(Color.yellow)
}
.listRowBackground(Color.clear)

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