Swift中Picker组件触发数组越界错误的问题求助

问题重现 #

定义全局数组：

let genderList = ["Not Selected", "Woman", "Man", "Non Binary", "Trans", "Would rather not say"]

结构体实例变量：

@State var selectedGender = genderList[0]

Picker组件（两种写法均触发Index out of range错误）：
写法1：

Picker("Please select your gender", selection: $selectedGender) {
    ForEach(genderList, id: \.self) {
        Text($0)
    }
}.pickerStyle(.wheel)

写法2：

Picker("", selection: $selectedGender) {
    ForEach(genderList.indices, id: \.self) { index in
        Text(genderList[index])
    }
}.pickerStyle(.wheel)

错误信息：

Swift/ContiguousArrayBuffer.swift:600: Fatal error: Index out of range

原因分析 #

Wheel样式的Picker底层实现依赖选中值与数据源的严格匹配，触发越界的常见场景：

• selectedGender的值意外被修改为不在genderList中的字符串（比如状态同步异常）
• 基于索引的写法中，选中值类型是字符串，但ForEach遍历的是索引，类型不匹配导致Picker内部索引计算错误

解决方案 #

方案1：改用索引绑定，确保类型匹配 #

将选中值改为存储数组索引，使Picker的绑定类型与遍历元素类型一致：

let genderList = ["Not Selected", "Woman", "Man", "Non Binary", "Trans", "Would rather not say"]

@State var selectedGenderIndex = 0 // 初始化为有效索引

Picker("Please select your gender", selection: $selectedGenderIndex) {
    ForEach(genderList.indices, id: \.self) { index in
        Text(genderList[index])
    }
}.pickerStyle(.wheel)

// 使用选中值时通过索引获取：genderList[selectedGenderIndex]

方案2：将数组元素包装为Identifiable类型 #

通过自定义Identifiable结构体消除字符串作为ID的潜在匹配问题：

struct GenderOption: Identifiable {
    let id = UUID()
    let title: String
}

// 定义数据源
let genderList: [GenderOption] = [
    GenderOption(title: "Not Selected"),
    GenderOption(title: "Woman"),
    GenderOption(title: "Man"),
    GenderOption(title: "Non Binary"),
    GenderOption(title: "Trans"),
    GenderOption(title: "Would rather not say")
]

@State var selectedGender = genderList[0]

Picker("Please select your gender", selection: $selectedGender) {
    ForEach(genderList) { option in
        Text(option.title)
    }
}.pickerStyle(.wheel)

方案3：添加安全校验（兜底） #

如果必须保留字符串绑定，可添加校验确保选中值始终在数据源内：

// 初始化时确保值有效
@State var selectedGender = genderList.first ?? "Not Selected"

// Picker数据源中优先保留选中值，避免匹配失败
Picker("Please select your gender", selection: $selectedGender) {
    ForEach(genderList.filter { $0 == selectedGender } + genderList, id: \.self) {
        Text($0)
    }
}.pickerStyle(.wheel)

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