最新版SwiftUI中无法移除List默认背景，求有效解决方法

问题描述 #

我想移除SwiftUI中List的默认背景色，尝试了以下两种方案但都没效果，想问问有没有可用的新修饰符：

1. 结合使用.scrollContentBackground(.hidden)和.background(Color.red)
2. 通过UITableView.appearance()相关设置：

UITableView.appearance().separatorStyle = .none
UITableView.appearance().backgroundColor = .clear
UITableViewCell.appearance().backgroundColor = .clear

我的代码结构如下：

VStack{
    Text("My Task")
        .font(.title3).bold()
        .padding()
        .frame(maxWidth: .infinity, alignment: .leading)
    
    List{
        ForEach(realmManager.task, id: \.id){
            TaskViewItem(task: $0.title, complete: $0.complete).listRowBackground(Color.clear)
        }
    } .scrollContentBackground(.hidden)
    
}.frame(maxWidth: .infinity, maxHeight: .infinity)
    .background(Color(hue: 0.086, saturation: 0.141, brightness: 0.972))

TaskViewItem代码：

var body: some View {
    HStack(spacing: 20){
        Image(systemName: !complete ? "circle" : "circle.fill")
        Text(task)
    }
}

有效的解决方案组合 #

你可以尝试以下几点调整，确保List背景完全透明：

1. 正确放置UITableView.appearance()设置 #

把这些UIKit相关的全局设置放在App的初始化方法里，确保在SwiftUI视图加载前就生效：

@main
struct YourApp: App {
    init() {
        UITableView.appearance().backgroundColor = .clear
        UITableViewCell.appearance().backgroundColor = .clear
        UITableView.appearance().separatorStyle = .none // 按需移除分隔线
    }
    
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

2. 为List添加透明背景修饰符 #

在scrollContentBackground(.hidden)之后，给List直接设置.background(Color.clear)，让List本身的背景透传到底层的VStack背景：

List{
    ForEach(realmManager.task, id: \.id){ taskItem in
        TaskViewItem(task: taskItem.title, complete: taskItem.complete)
            .listRowBackground(Color.clear) // 确保行背景透明
    }
}
.scrollContentBackground(.hidden)
.background(Color.clear) // 添加这一行

3. 确保TaskViewItem无额外背景 #

你的TaskViewItem当前没有设置背景，这部分没问题，后续如果添加背景样式，也要确保是透明的。

完整调整后的代码示例 #

整合后的ContentView代码：

struct ContentView: View {
    let realmManager = RealmManager() // 假设你已实例化该对象
    
    var body: some View {
        VStack{
            Text("My Task")
                .font(.title3).bold()
                .padding()
                .frame(maxWidth: .infinity, alignment: .leading)
            
            List{
                ForEach(realmManager.task, id: \.id){ taskItem in
                    TaskViewItem(task: taskItem.title, complete: taskItem.complete)
                        .listRowBackground(Color.clear)
                }
            }
            .scrollContentBackground(.hidden)
            .background(Color.clear)
            
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity)
        .background(Color(hue: 0.086, saturation: 0.141, brightness: 0.972))
    }
}

struct TaskViewItem: View {
    let task: String
    let complete: Bool
    
    var body: some View {
        HStack(spacing: 20){
            Image(systemName: !complete ? "circle" : "circle.fill")
            Text(task)
        }
    }
}

无效原因说明 #

• .scrollContentBackground(.hidden)仅隐藏List的滚动内容背景，但List本身还有一层默认背景，需要额外设置.background(Color.clear)才能透传底层颜色。
• UITableView.appearance()如果放在视图内部初始化，可能因加载顺序问题未生效，放在App的init里能确保全局生效。

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