如何讓枚舉案例的兄弟姐妹構建自定義選擇器？

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)
        }
    }
}