如何在单个SwiftUI视图中同时支持@Binding<Value>与@Binding<Value?>？

你可以通过单个泛型组件+双初始化器+绑定转换的方式，把两个组件合并成一个，同时兼容Binding<Value>和Binding<Value?>两种场景，具体实现如下：

合并后的组件代码 #

public struct ExampleEnumField<Value: EnumFieldValue>: View {
    private let value: Binding<Value?>
    private let allowsNil: Bool
    
    // 适配非可选Binding的初始化器
    public init(value: Binding<Value>) {
        self.value = value.optional()
        self.allowsNil = false
    }
    
    // 适配可选Binding的初始化器（默认允许空值）
    public init(value: Binding<Value?>, allowsNil: Bool = true) {
        self.value = value
        self.allowsNil = allowsNil
    }
    
    public var body: some View {
        Picker("", selection: value) {
            // 根据allowsNil决定是否显示"None"选项
            if allowsNil {
                Text("None")
                    .tag(nil as Value?)
            }
            ForEach(Value.allCases) { enumValue in
                Text(enumValue.localizedString)
                    .tag(enumValue as Value?)
            }
        }
        // 非必填场景下，自动补全默认值避免空状态
        .onAppear {
            if !allowsNil && value.wrappedValue == nil {
                value.wrappedValue = Value.allCases.first
            }
        }
    }
}

// 给Binding添加扩展，快速将非可选绑定转为可选绑定
extension Binding {
    func optional<T>() -> Binding<T?> where Value == T {
        Binding<T?>(
            get: { self.wrappedValue },
            set: { if let newValue = $0 { self.wrappedValue = newValue } }
        )
    }
}

核心逻辑说明 #

1. 统一内部处理：组件内部统一使用Binding<Value?>，通过两个初始化器分别接收可选/非可选的外部绑定
2. 绑定转换：利用自定义的optional()扩展，把非可选的Binding<Value>安全转换为Binding<Value?>，设置时自动忽略nil值
3. 条件渲染选项：通过allowsNil参数控制是否显示"None"选项，兼顾两种组件的原有行为
4. 空值防护：当组件被标记为非必填（allowsNil=false）但可选绑定初始值为nil时，自动设置枚举的第一个case作为默认值，避免Picker出现无选中状态

使用示例 #

• 绑定非可选值（原有ExampleEnumField的用法）：

  ExampleEnumField(value: $nonOptionalEnumValue)
  

• 绑定可选值（原有ExampleOptionalEnumField的用法）：

  ExampleEnumField(value: $optionalEnumValue)
  

• 绑定可选值但禁止空选项：

  ExampleEnumField(value: $optionalEnumValue, allowsNil: false)
  

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