SwiftUI Picker选择默认值时.onChange不触发的问题求助

问题场景 #

使用SwiftUI Picker选择果茶类型时，当用户选中的是默认选项（passionFruit），由于绑定的fruit状态值未发生变化，.onChange(of: fruit)不会触发，导致关联的type无法被设置为.fruitTea。但业务逻辑要求：只要点击Picker的任意选项（包括默认值），都要将type切换为.fruitTea。

现有代码 #

枚举定义：

enum FruitTea: String, CustomStringConvertible, CaseIterable, Codable {
    case peach = "Peach"
    case passionFruit = "Passion Fruit"
    case mango = "Mango"
    case greenApple = "Green Apple"
    var description: String { rawValue }
}
    
enum TypeOfTea: String, CustomStringConvertible, CaseIterable, Codable {
    case specialTeaPresso = "Special Tea Presso"
    case teaLatte = "Tea Latte"
    case mousseSeries = "Mousse Series"
    case milkTea = "Milk Tea"
    case fruitTea = "Fruit Tea"
    var description: String { rawValue }
}

Picker实现：

@State private var type: TypeOfTea = .specialTeaPresso
@State private var fruit: FruitTea = .passionFruit
Picker("Fruit Tea", selection: $fruit) {
    ForEach(FruitTea.allCases, id: \.self) {
        Text($0.rawValue).tag($0)
    }
}
.onChange(of: fruit, perform: { _ in
    type = .fruitTea
})

解决方案 #

方案1：自定义绑定（推荐，适配所有Picker样式）

通过自定义Binding，在setter方法中强制执行状态更新逻辑，无论新值与旧值是否相同：

@State private var type: TypeOfTea = .specialTeaPresso
@State private var fruit: FruitTea = .passionFruit

// 自定义绑定，接管值的设置逻辑
private var fruitBinding: Binding<FruitTea> {
    Binding(
        get: { self.fruit },
        set: { newValue in
            self.fruit = newValue
            // 每次选择选项都更新type
            self.type = .fruitTea
        }
    )
}

// 使用自定义绑定初始化Picker
Picker("Fruit Tea", selection: fruitBinding) {
    ForEach(FruitTea.allCases, id: \.self) {
        Text($0.rawValue).tag($0)
    }
}

这个方法的核心是绕过.onChange的“值变化才触发”限制，直接在绑定的赋值阶段执行业务逻辑，适配所有Picker样式（菜单、滚轮、弹窗等）。

方案2：给选项添加点击手势（仅适用于菜单样式Picker）

如果你的Picker使用的是菜单样式，可以给每个选项添加.onTapGesture，只要点击就触发状态更新：

Picker("Fruit Tea", selection: $fruit) {
    ForEach(FruitTea.allCases, id: \.self) { item in
        Text(item.rawValue)
            .tag(item)
            .onTapGesture {
                type = .fruitTea
            }
    }
}

注意：滚轮或弹窗样式的Picker中，选项的点击手势可能不会被触发，因此该方案仅适合菜单样式的场景。

内容的提问来源于stack exchange，提问作者Marcel M.