如何创建带自定义颜色间距的可复用自定义ListStyle？解决Configuration未找到错误

一、修复"Cannot find type 'Configuration' in scope"错误 #

自定义ListStyle时，正确的参数类型是ListStyleConfiguration，而非Configuration。另外，ListStyle的内容渲染要通过configuration.content调用，而非直接遍历configuration.data，修改后的自定义样式代码如下：

struct CustomListStyle: ListStyle {
    func makeBody(configuration: ListStyleConfiguration) -> some View {
        ScrollView {
            VStack(spacing: 10) {
                // 通过configuration.content获取列表原有内容
                configuration.content
                    .foregroundColor(.blue)
                    .padding(10)
                    .background(Color.gray)
                    .cornerRadius(10)
            }
            .padding()
        }
    }
}

二、全局应用自定义列表样式 #

要让所有列表默认使用该样式，无需每次手动添加.listStyle(CustomListStyle())，可以通过以下两种方式实现：

方法1：通过View扩展全局设置 #

extension View {
    func applyGlobalListStyle() -> some View {
        self.listStyle(CustomListStyle())
    }
}

// 在App入口的主视图中全局应用
@main
struct YourApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
                .applyGlobalListStyle()
        }
    }
}

方法2：使用环境变量（iOS 16+） #

// 在App入口设置全局ListStyle环境
@main
struct YourApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
                .environment(\.listStyle, CustomListStyle())
        }
    }
}

三、适配带Section和选择功能的列表 #

针对你补充的带选择、Section的列表代码，自定义样式会自动适配，无需额外修改，示例代码如下：

// 假设dm是你的数据模型
struct ContentView: View {
    @StateObject private var dm = DataModel()
    
    var body: some View {
        List(selection: $dm.someVar) {
            Section {
                LazyVGrid(columns: [
                    GridItem(.flexible(minimum: 120)),
                ], alignment: .leading, spacing: 10) {
                    ForEach(0..<20, id: \.self) { index in
                        Text("Column1 abcdef: \(index)")
                    }
                }
            }
        }
        // 全局设置后无需手动添加listStyle
    }
}

class DataModel: ObservableObject {
    @Published var someVar: Int?
}

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