SwiftUI Picker选中值不显示问题求助

核心原因 #

两种场景下Picker选中后空白的核心问题都是SwiftUI无法正确判断选中值与选项列表中元素的相等性，导致Picker无法定位到对应的选中项进行显示。

针对自定义Track类型的解决方案 #

你的Track结构体没有遵循Equatable协议，SwiftUI的Picker依赖值的相等性来匹配选中状态。当你选中某个Track后，系统无法判断选中的track变量与数组中的元素是否一致，因此无法渲染对应的选中项文本。

修改步骤： #

1. 让Track遵循Equatable协议：

struct Track: Equatable {
    let name: String
    let length: Double
    let downforce: Rating
    let grip: Rating
    let wear: Rating
    let fuel: Rating
    let pitTime: Double
}

2. 确保Rating枚举也遵循Equatable（因为Track包含Rating类型的属性，只有Rating支持相等比较，Track才能自动合成Equatable实现）：

enum Rating: Equatable {
    case High, Medium, Low
}

针对TyreType枚举的解决方案 #

虽然枚举默认遵循Equatable，但仍有两个潜在问题可能导致空白：

1. String(describing: tyre)的输出可能与枚举case的内部表示存在差异；
2. 绑定的tyre变量可能未正确初始化（比如初始值不在allCases范围内）。

修改步骤： #

1. 给枚举添加友好的显示名称属性，替代String(describing:)：

enum TyreType: CaseIterable, Identifiable, Equatable {
    var id: TyreType { self }
    case Wet, ExtraSoft, Soft, Medium, Hard
    
    // 自定义显示名称
    var displayName: String {
        switch self {
        case .Wet: return "Wet"
        case .ExtraSoft: return "Extra Soft"
        case .Soft: return "Soft"
        case .Medium: return "Medium"
        case .Hard: return "Hard"
        }
    }
}

2. 修改Picker中的Text使用自定义显示名称：

Text("Tyre")
Picker("", selection: $tyre) {
    ForEach(TyreType.allCases, id: \.self) { tyre in
        Text(tyre.displayName).tag(tyre)
    }
}
.labelsHidden()

3. 确保tyre变量的初始值是TyreType的有效case，比如：

@State private var tyre: TyreType = .Medium

通用排查点 #

• 确认绑定变量的类型与Picker的tag类型完全匹配（比如如果绑定的是可选类型，tag也要对应使用可选值，如.tag(Optional(t))）；
• 检查ForEach的id是否唯一且稳定，自定义类型建议使用明确的id属性（比如给Track添加let id = UUID()，并让Track遵循Identifiable，这样ForEach可以直接用ForEach(tracks)）。

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