如何让枚举案例的兄弟姐妹构建自定义选择器？

Question

我正在尝试构建一个接受任何枚举大小写作为其选择的 SwiftUI，然后它会自动将其兄弟姐妹作为选项呈现。 这是我开始的，但我很难克服 generics：

enum Option: String, CaseIterable, Identifiable, Equatable {
    case abc
    case def
    case ghi
    var id: Self { self }
}

struct CustomPicker<Sources>: View where Sources: RawRepresentable & CaseIterable & Identifiable, Sources.AllCases: RandomAccessCollection, Sources.RawValue == String {
    @Binding var selection: Sources.AllCases.Element

    var body: some View {
        ScrollView(.horizontal) {
            HStack(spacing: 8) {
                ForEach(Sources.allCases) { item in
                    Text(item.rawValue)
                }
            }
            .padding(.horizontal)
        }
    }
}

当我尝试使用它时，我得到一个编译错误： Generic parameter 'Sources' could not be inferred ：

enum Fruit: String, CaseIterable, Identifiable, Equatable {
    case apple, banana, orange
}

struct ContentView: View {
    @State private var selectedFruit: Fruit = .apple // Error here

    var body: some View {
        CustomPicker(selection: $selectedFruit) // Error here
    }
}

如何正确获取 generics 以便能够处理任何 String/RawRepresentable 枚举并自动构建其兄弟姐妹？

Answer 1

您的代码离实现您期望的结果不远了。 一些评论：

• 您不需要要求Sources符合Identifiable ：它需要是Hashable才能与ForEach一起使用，然后强制ForEach使用\.self作为 id。 枚举的原始值是String类型（您需要它），使用\.self将始终有效。
• Fruit是不可Identifiable的，也不需要是。
• 主视图正在传递Fruit但picker-view 需要一个类型Sources.AllCases.Element ：它们不匹配。 只需在@Binding中使用Sources即可。
• 请记住更新@Binding的值。

下面是一个工作示例：

struct ContentView: View {
    @State private var selectedFruit: Fruit = .apple
    
    @State private var selectedCar = Car.ferrari

    var body: some View {
        VStack {
            CustomPicker(selection: $selectedFruit)
            
            CustomPicker(selection: $selectedCar)
            
            // Just for testing
            Text("Eating one \(selectedFruit.rawValue) in a \(selectedCar.rawValue)")
                .font(.largeTitle)
                .padding()
        }
    }
}

// The Enum doesn't need to be Identifiable
enum Fruit: String, CaseIterable {
    case apple, banana, orange
}

enum Car: String, CaseIterable {
    case ferrari, porsche, jaguar, dacia
}

// Replace Identifiable with Hashable
struct CustomPicker<Sources>: View where Sources: RawRepresentable & CaseIterable & Hashable, Sources.AllCases: RandomAccessCollection, Sources.RawValue == String {
    
    @Binding var selection: Sources    // This is the right type

    var body: some View {
        ScrollView(.horizontal) {
            HStack(spacing: 8) {
                
                // Force the id as the item itself
                ForEach(Sources.allCases, id: \.self) { item in
                    Text(item.rawValue)
                    
                        // Somehow you need to update the @Binding
                        .onTapGesture {
                            selection = item
                        }
                }
            }
            .padding(.horizontal)
        }
    }
}