SwiftUI中Picker选择选项后无法切换问题排查

你的Picker出现选中后始终停留在第一个选项的核心问题有两个：

• 绑定值类型不匹配：你绑定的selectedOption是String类型，但ForEach遍历的是数组索引（Int类型），SwiftUI无法将选中的索引和字符串值正确关联。
• Picker选项缺少tag标记：每个Text选项没有设置对应的tag，Picker无法识别选中的具体选项。

修复方案一：绑定数组索引，添加tag标记 #

将selectedOption改为Int类型对应数组索引，同时给每个选项添加tag绑定索引值：

struct Test2: View {
    @State private var selectedOption = 0 // 改为Int类型，对应数组索引
    @State private var sourceAccountList = [SourceAccountModel]()
    
    var body: some View {
        VStack{
            ZStack {
                RoundedRectangle(cornerRadius: 8)
                    .fill(Color.white)
                    .shadow(radius: 2)
                Picker(selection: $selectedOption, label: EmptyView()) {
                    ForEach(0..<sourceAccountList.count, id: \.self) { index in
                        Text(sourceAccountList[index].accountNumber)
                            .tag(index) // 添加tag绑定索引
                    }
                }
                .padding(8)
            }
            .frame(maxWidth: .infinity)
        }.onAppear{
            intitializeValue()
        }
    }
    
    func intitializeValue(){
        sourceAccountList.append(SourceAccountModel(id:1, accountNumber: "Option 1", accountTitle: "", priaryAccount: ""))
        sourceAccountList.append(SourceAccountModel(id:2, accountNumber: "Option 2", accountTitle: "", priaryAccount: ""))
    }
}

修复方案二：直接遍历Identifiable模型，绑定属性/对象 #

因为SourceAccountModel已经实现了Identifiable，可以直接遍历模型数组，绑定对应的属性或整个模型对象（推荐后者，避免字符串重复的问题）：

绑定字符串属性

struct Test2: View {
    @State private var selectedOption = "Option 1" // 保持String类型
    @State private var sourceAccountList = [SourceAccountModel]()
    
    var body: some View {
        VStack{
            ZStack {
                RoundedRectangle(cornerRadius: 8)
                    .fill(Color.white)
                    .shadow(radius: 2)
                Picker(selection: $selectedOption, label: EmptyView()) {
                    // 直接遍历SourceAccountModel数组
                    ForEach(sourceAccountList) { account in
                        Text(account.accountNumber)
                            .tag(account.accountNumber) // tag绑定对应的字符串值
                    }
                }
                .padding(8)
            }
            .frame(maxWidth: .infinity)
        }.onAppear{
            intitializeValue()
        }
    }
    
    func intitializeValue(){
        sourceAccountList.append(SourceAccountModel(id:1, accountNumber: "Option 1", accountTitle: "", priaryAccount: ""))
        sourceAccountList.append(SourceAccountModel(id:2, accountNumber: "Option 2", accountTitle: "", priaryAccount: ""))
    }
}

绑定整个模型对象（更健壮）

struct Test2: View {
    @State private var selectedAccount: SourceAccountModel? // 绑定模型对象
    @State private var sourceAccountList = [SourceAccountModel]()
    
    var body: some View {
        VStack{
            ZStack {
                RoundedRectangle(cornerRadius: 8)
                    .fill(Color.white)
                    .shadow(radius: 2)
                Picker(selection: $selectedAccount, label: EmptyView()) {
                    ForEach(sourceAccountList) { account in
                        Text(account.accountNumber)
                            .tag(account as SourceAccountModel?) // tag绑定模型对象
                    }
                }
                .padding(8)
            }
            .frame(maxWidth: .infinity)
        }.onAppear{
            intitializeValue()
            selectedAccount = sourceAccountList.first // 初始化选中第一个选项
        }
    }
    
    func intitializeValue(){
        sourceAccountList.append(SourceAccountModel(id:1, accountNumber: "Option 1", accountTitle: "", priaryAccount: ""))
        sourceAccountList.append(SourceAccountModel(id:2, accountNumber: "Option 2", accountTitle: "", priaryAccount: ""))
    }
}

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