SwiftUI中如何让用户选择两种ListStyle列表样式？

你遇到的类型不匹配错误，核心原因是：.plain对应的是PlainListStyle，.insetGrouped对应的是InsetGroupedListStyle——这是两个不同的具体类型，尽管都遵循ListStyle协议，但Swift的三元运算符要求左右两侧必须是完全一致的具体类型，直接用三元表达式会导致类型不兼容。

下面提供两种可行的解决方法：

方法一：用AnyListStyle做类型擦除 #

AnyListStyle是SwiftUI提供的类型擦除包装器，可以把不同的ListStyle实现统一成同一类型，直接修改listStyle修饰器即可：

import SwiftUI

struct ContentView: View {
    
    @AppStorage("listStyle") private var listStyle: Bool = false
    
    var body: some View {
        NavigationStack {
            List {
                ForEach(1...10, id: \.self) { i in
                    Section {
                        Text("Item \(i)")
                    }
                }
            }
            // 用AnyListStyle统一两种样式的类型
            .listStyle(listStyle ? AnyListStyle(.plain) : AnyListStyle(.insetGrouped))
        }
    }
}

方法二：用枚举存储样式偏好（更健壮） #

用Bool存储样式容易产生语义歧义（比如false到底对应哪种样式），建议定义枚举来明确存储偏好，同时通过计算属性返回统一的不透明类型some ListStyle：

import SwiftUI

// 定义枚举明确列表样式选项
enum ListStylePreference: String, CaseIterable, RawRepresentable {
    case plain, insetGrouped
}

struct ContentView: View {
    
    @AppStorage("listStyle") private var listStyle: ListStylePreference = .plain
    
    // 计算属性返回当前应使用的列表样式
    private var currentListStyle: some ListStyle {
        switch listStyle {
        case .plain:
            return .plain
        case .insetGrouped:
            return .insetGrouped
        }
    }
    
    var body: some View {
        NavigationStack {
            List {
                ForEach(1...10, id: \.self) { i in
                    Section {
                        Text("Item \(i)")
                    }
                }
            }
            .listStyle(currentListStyle)
        }
    }
}

这种方式不仅解决了类型问题，还让代码语义更清晰，后续要添加新的列表样式也更方便。

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