如何在SwiftUI中修改List背景颜色，解决滚动后才生效的问题

你遇到的初始渲染白背景、滚动后才显示自定义颜色的核心原因有两个：

1. 遗漏了UITableViewCell的contentView默认白色背景没有清除，系统默认的contentView背景层级在初始渲染时会覆盖你设置的cell背景。
2. 全局UIKit外观设置的生效时机和SwiftUI的初始渲染时机不匹配，导致首次渲染时样式未生效。

方案1：全iOS版本兼容方案（支持iOS13+） #

不用修改现有业务逻辑，只需要调整UIKit全局外观配置，同时补充contentView的背景设置：

• 首先修正ContentView1的初始化代码：

init() {
    // 先将TableView整体背景设为透明，让后续SwiftUI的background修饰符生效
    UITableView.appearance().backgroundColor = .clear
    UITableViewCell.appearance().backgroundColor = .clear
    // 关键配置：清除cell默认contentView的白色背景
    UITableViewCell.appearance().contentView.backgroundColor = .clear
    // 保留你原有选中背景配置
    let clearView = UIView()
    clearView.backgroundColor = .clear
    UITableViewCell.appearance().selectedBackgroundView = clearView
}

• 然后调整List的修饰符顺序，统一设置背景：

List(items, id: \.self) { _ in
    Screen(Array1: $items)
}
.listStyle(PlainListStyle())
.background(Color.red) // 这里设置你想要的List整体背景色
// 如果所有行的背景色统一，直接在这里加listRowBackground即可，不需要给每个子元素重复设置
.listRowBackground(Color.green)

如果需要不同行设置不同背景色，只需要给对应行的视图单独加.listRowBackground(你的颜色)修饰符即可，不会冲突。

方案2：iOS16+ 原生SwiftUI方案（无UIKit依赖） #

iOS16之后SwiftUI新增了原生的List背景控制API，不需要依赖UIKit的全局配置，代码更简洁稳定：

List(items, id: \.self) { _ in
    Screen(Array1: $items)
}
.listStyle(.plain)
// 隐藏系统默认的List内容背景
.scrollContentBackground(.hidden)
// 直接设置自定义背景色
.background(Color.red)
// 统一设置行背景色（可选）
.listRowBackground(Color.green)

你原有代码中重复给不同层级的视图加了多个.listRowBackground修饰符，会出现上层修饰符覆盖的问题，建议统一在对应层级设置，避免样式冲突。

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