SwiftUI中自定义类型Picker无法显示用户部门选中状态问题

场景说明 #

在User对象中定义了可选类型的Department字段，已完成相关结构体、ViewModel及Picker视图的实现，但出现用户部门状态无法在Picker中展示的问题，部门列表可正常加载。

相关代码实现 #

Department结构体 #

struct Department: Identifiable, Hashable, Codable {
    
    var id: Int
    var name: String?
    
    init(id: Int, name: String? = nil) {
        self.id = id
        self.name = name
    }
}

User结构体（极简示例） #

包含可选Department字段的用户对象：

struct User: Identifiable, Hashable, Codable {
    
    var id: Int
    var department: Department?
    
    init(id: Int, department:Department? = nil) {
        self.id = id
        self.department = department
    }
    
}

ViewModel #

class ViewModel: ObservableObject {
     
    @Published var user: User = User(id: 0) // 默认值，后续通过网络请求更新。曾尝试设为可选类型但SwiftUI不兼容
    
    @Published var departments: [Department] = [Department(id: 0, name: "--未选择--")] // 初始列表含一项，后续通过网络请求填充

// 其他业务代码...
}

Picker视图代码 #

Picker(selection: $viewModel.user.department, label: Text("")) {
    ForEach(viewModel.departments, id: \.id) { department in
        Text(department.name ?? "").tag(department)
    }
}
.pickerStyle(WheelPickerStyle())
.padding()

现状 #

• ✅ 正常：部门列表可正常加载
• ❌ 异常：用户的部门状态无法在Picker中显示

解决方案 #

方案一：适配可选类型的绑定 #

问题根源在于selection绑定的是Department?类型，但Picker中所有tag都是非可选的Department类型，导致SwiftUI无法匹配nil状态的选中项。修改视图代码如下：

Picker(selection: $viewModel.user.department, label: Text("")) {
    // 添加对应nil状态的选项
    Text("--未选择--").tag(Optional<Department>.none)
    
    // 过滤掉原列表中默认的无选择项，避免重复
    ForEach(viewModel.departments.filter { $0.id != 0 }, id: \.id) { department in
        Text(department.name ?? "").tag(Optional<Department>.some(department))
    }
}
.pickerStyle(WheelPickerStyle())
.padding()

同时建议调整ViewModel中departments的初始值，移除默认的--未选择--项，由Picker单独提供nil对应的选项。

方案二：将可选字段改为非可选类型 #

把User中的可选Department改为非可选，用特定id（如0）的Department表示未选择状态，这样绑定类型完全匹配，避免可选类型带来的适配问题：

修改User结构体：

struct User: Identifiable, Hashable, Codable {
    
    var id: Int
    var department: Department // 改为非可选
    
    init(id: Int, department:Department = Department(id: 0, name: "--未选择--")) {
        self.id = id
        self.department = department
    }
    
}

调整ViewModel逻辑：

当网络请求返回用户部门为nil时，自动替换为id=0的默认Department，确保user.department始终有有效值。

Picker视图无需修改：

原Picker代码可直接使用，因为selection和tag均为非可选的Department类型，绑定逻辑稳定。

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