SwiftUI MenuPickerStyle下Picker固定显示指定标签不跟随选中项变更问题

问题原因 #

SwiftUI 中使用MenuPickerStyle时，系统默认会将 Picker 的触发按钮内容替换为当前选中项的值，忽略开发者在label参数中定义的内容，因此会出现标签随选中项同步更新的问题。

解决方案 #

使用自定义Menu包裹 Picker 即可实现固定标签效果，外层 Menu 的触发按钮完全自定义为固定的「Equipment」，内层 Picker 仅负责处理选择逻辑和选项列表展示，不需要额外配置样式。

修改后的代码如下：

struct BidView: View {
    // 此处保留你原有searchCriteria相关定义即可
    var body: some View {
        // 替换原有Picker代码段
        Menu {
            Picker(selection: $searchCriteria.equipment.bound, content: {
                ForEach(Equip.allCases, id: \.self) { equip in
                    Text(equip.rawValue).tag(equip.rawValue)
                }
            }, label: { EmptyView() })
        } label: {
            Text("Equipment")
        }
        
        Spacer()
        Text(searchCriteria.equipment ?? "")
    }
}

enum Equip: String, CaseIterable {
    case dash = "DH4"
    case max = "7M8"
    case triple7w = "77W"
}

效果说明 #

修改后触发按钮会始终固定显示「Equipment」，选中选项后searchCriteria.equipment的绑定值会正常更新，下方的展示文本也会同步变化，完全符合需求。

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