SwiftUI中列表遮挡背景色，如何实现列表叠加背景？

SwiftUI的List默认基于UITableView（iOS平台），自带不透明的系统背景，会完全覆盖ZStack中的底层背景色——哪怕给List加了background修饰符也没用，因为默认的不透明背景还在。要让List叠加在底层背景之上，只需要把List的默认背景去掉，让它透明即可。

方法一：iOS 16+ 原生SwiftUI方案（推荐） #

用scrollContentBackground(.hidden)隐藏List的默认滚动背景，配合listStyle(.plain)确保效果生效：

var body: some View {
    ZStack {
        // 整个页面的背景色，这里改成你需要的黑色
        Color.black.edgesIgnoringSafeArea(.all)
        
        List {
            ForEach(Experiences) { experience in
                VStack{
                    Text(experience.artist).foregroundColor(Color.orange)
                    Text(experience.albumName).foregroundColor(Color.white)
                }
            }
        }
        .listStyle(.plain)
        .scrollContentBackground(.hidden) // 隐藏List默认的不透明背景
        .background(Color.clear) // 让List背景透明，底层黑色就能透出来
    }
    .onAppear(perform: loadData)
}

如果需要List自身带背景色（比如你代码里的红色），把.background(Color.clear)改成.background(Color.red)即可，红色会叠加在黑色背景之上。

方法二：兼容iOS 15及以下的方案 #

通过修改UIKit的外观设置，让List和单元格背景透明：
先在视图的初始化方法里添加：

init() {
    UITableView.appearance().backgroundColor = .clear
    UITableViewCell.appearance().backgroundColor = .clear
}

然后你的List代码就可以正常显示底层背景了，不需要额外的SwiftUI修饰符。

注意：这个方法是全局生效的，会影响App里所有的List和UITableViewCell，如果只想针对当前视图生效，记得在onDisappear里恢复原来的设置。

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