SwiftUI如何为List的不同Section设置不同背景色？

不用嵌套两个List的方案，直接通过修改Section背景并调整List默认背景即可实现需求，以下是具体实现：

核心思路 #

1. 隐藏List的默认滚动背景，避免覆盖自定义Section背景
2. 给目标Section（"Your Medications"）单独设置自定义背景色，其余Section保留默认样式

修改后的完整代码 #

import SwiftUI
import CoreData // 适配@Query的CoreData依赖

class ProtocolMedication: NSManagedObject, Identifiable { // 修正模型使其符合列表遍历要求
    @NSManaged var name: String
}

struct HomeView: View {
    @Query private var protocolMedications: [ProtocolMedication]
    
    var body: some View {
        NavigationStack {
            List {
                // 顶部Section：使用默认背景
                Section {
                    Text("Content 1")
                        .frame(maxWidth: .infinity, maxHeight: .infinity)
                        .background(Color(UIColor.systemGroupedBackground))
                } header: {
                    Text("Log")
                }
                
                // 底部Section：自定义背景
                Section {
                    ForEach(protocolMedications) { medication in
                        Text(medication.name)
                            .frame(maxWidth: .infinity, maxHeight: .infinity)
                    }
                } header: {
                    Text("Your Medications")
                }
                .background(Color(UIColor.systemBlue.withAlphaComponent(0.1)))
            }
            .listStyle(.insetGrouped)
            .scrollContentBackground(.hidden) // 移除List默认背景，让自定义Section背景生效
        }
    }
}

细节说明 #

• .scrollContentBackground(.hidden)：移除List默认的灰色背景层，确保自定义Section背景能完全显示
• 给Section直接设置背景：覆盖整个Section的内容区域，包括列表项的背景，保证样式统一
• 使用系统UIColor：比如systemBlue.withAlphaComponent(0.1)，可以自动适配明暗模式的视觉效果
• 若需要匹配insetGrouped的圆角样式，可给背景添加.cornerRadius(12)（该样式默认圆角为12）

扩展优化（给Header也加对应背景） #

如果需要让Section的Header也和内容区域背景统一，可以给Header添加背景修饰：

Section {
    // 列表内容...
} header: {
    Text("Your Medications")
        .frame(maxWidth: .infinity, alignment: .leading)
        .padding(.vertical, 8)
        .background(Color(UIColor.systemBlue.withAlphaComponent(0.1)))
}

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