SwiftUI中异构类型分段列表的选中状态如何追踪？

你不需要非得创建泛型类型或协议来容纳A和B，有两种更直接的方案可以实现异构分段列表的选中状态追踪：

方案一：用枚举统一封装选中类型 #

通过定义关联值枚举来统一管理不同类型的选中项，枚举只要关联的类型都遵循Hashable，自身也能自动遵循Hashable，完美适配SwiftUI List的selection参数。

代码示例： #

struct A: Hashable {
    let propA: Int
}

struct B: Hashable {
    let propB: Int
}

// 定义枚举封装所有可能的选中项类型
enum SelectedItem: Hashable {
    case a(A)
    case b(B)
}

struct ContentView: View {
    let allAs = (1...10).map{A(propA: $0)}
    let allBs = (1...5).map{B(propB: $0)}
    @Binding var selectedItem: SelectedItem? // 用枚举替代原来的两个可选绑定
    
    var body: some View {
        List(selection: $selectedItem) {
            Section(header: Text("A Section")) {
                ForEach(allAs, id: \.propA) { item in
                    Text(String(item.propA))
                        .tag(SelectedItem.a(item)) // 给每个元素标记对应的枚举值
                }
            }
            
            Section(header: Text("B Section")) {
                ForEach(allBs, id: \.propB) { item in
                    Text(String(item.propB))
                        .tag(SelectedItem.b(item))
                }
            }
        }
    }
}

这种方案不需要修改原有A、B的结构，通过枚举统一管理选中状态，后续扩展新类型时只需要给枚举加新的关联值即可，逻辑清晰且易维护。

方案二：手动处理每个分段的选中状态 #

如果不需要List原生的全局selection功能（比如自定义选中样式），可以放弃List的selection参数，直接在每个元素上添加点击手势，手动更新对应的选中变量，并自定义选中样式。

代码示例： #

struct A: Hashable {
    let propA: Int
}

struct B: Hashable {
    let propB: Int
}

struct ContentView: View {
    let allAs = (1...10).map{A(propA: $0)}
    let allBs = (1...5).map{B(propB: $0)}
    @Binding var selectedA: A?
    @Binding var selectedB: B?
    
    var body: some View {
        List {
            Section(header: Text("A Section")) {
                ForEach(allAs, id: \.propA) { item in
                    Text(String(item.propA))
                        // 自定义选中背景样式
                        .background(selectedA == item ? Color.accentColor.opacity(0.2) : Color.clear)
                        .onTapGesture {
                            selectedA = item
                            selectedB = nil // 选中A时清空B的选中状态，保证单选逻辑
                        }
                }
            }
            
            Section(header: Text("B Section")) {
                ForEach(allBs, id: \.propB) { item in
                    Text(String(item.propB))
                        .background(selectedB == item ? Color.accentColor.opacity(0.2) : Color.clear)
                        .onTapGesture {
                            selectedB = item
                            selectedA = nil
                        }
                }
            }
        }
    }
}

这种方案更灵活，适合不需要依赖List原生选中样式的场景，完全手动控制选中逻辑，不需要额外封装任何类型。

当然，如果你的场景需要高度通用的处理（比如后续要添加大量异构类型，或者在多个视图间复用选中逻辑），泛型或协议方案也是可行的，但并非必须——上述两种方案已经能覆盖绝大多数日常场景，且实现更简洁直观。

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