SwiftUI中List为何遮挡ZStack背景色，无法修改整体背景？

SwiftUI的List组件默认自带系统背景色（比如浅色模式下的白色），并且会完全占据自身布局范围内的所有空间——包括你通过.ignoresSafeArea(.all, edges: .bottom)让它延伸到的底部安全区。这个自带的背景会直接覆盖ZStack底层的粉色背景，所以你只能看到顶部安全区没有被List覆盖的部分显示粉色。

要让底层背景色透出来，需要隐藏List自带的滚动内容背景，同时可以配合设置合适的List样式确保效果正确：

• 给List添加.scrollContentBackground(.hidden)（iOS 16及以上可用），隐藏其默认背景
• 可选：设置.listStyle(.plain)，避免List的其他默认样式干扰

修改后的完整代码：

import SwiftUI

struct ContentView: View {

    var body: some View {
        ZStack {
            Color(.pink).ignoresSafeArea()
                .border(Color.red) // 调试用边框
            VStack {
                List {
                    ForEach(dummyContents) { content in
                        contentRow(content: content)
                    }
                    .listRowBackground(Color.green)
                }
                .scrollContentBackground(.hidden) // 隐藏List默认背景
                .listStyle(.plain) // 可选，确保样式简洁
            }
            .ignoresSafeArea(.all, edges: .bottom)
        }
    }

    @ViewBuilder
    func contentRow(content: WebViewContent) -> some View {
        HStack(alignment: .top, spacing: 10) {
            VStack(alignment: .leading, spacing: 5) {
                HStack {
                    Text("Username")
                        .font(.system(size: 12))
                }
                if let title = content.title {
                    Text("Dummy Title: \(title)")
                        .font(.system(size: 12))
                        .lineLimit(5)
                        .frame(height: 74)
                }
            }
        }
    }

    // 测试用假数据
    var dummyContents: [WebViewContent] = [
        WebViewContent(id: UUID(), title: "Dummy Title 1", date: Date()),
        WebViewContent(id: UUID(), title: "Dummy Title 2", date: Date()),
        WebViewContent(id: UUID(), title: "Dummy Title 3", date: Date()),
    ]
}

// 补充缺失的模型定义
struct WebViewContent: Identifiable {
    let id: UUID
    let title: String?
    let date: Date
}

这样修改后，List的默认背景被隐藏，ZStack里的粉色背景就能完全显示出来，包括List下方的区域。

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