SwiftUI中如何点击按钮交换两个Picker选择器的选中值

你原有代码存在一处编译问题：被@State修饰的container属性未设置初始值，补全功能前需要先为其赋值。
交换逻辑不需要复杂处理，直接通过Swift元组语法或者系统内置的swap方法即可完成值互换，SwiftUI会自动追踪状态变化刷新两个Picker的选中状态，无需手动操作UI。

补全后的完整可运行代码：

import SwiftUI

struct Container {
    var one: String
    var two: String
}

struct ContentView: View {
    // 给container设置初始值，修复编译报错
    @State var container = Container(one: "1", two: "2")
    @State var list = ["1","2","3","4","5","6","7","8","9"]
    var body: some View {
        // 用VStack纵向排布控件，避免控件重叠
        VStack(spacing: 24) {
            Picker("选择项1", selection: $container.one) {
                ForEach(list, id: \.self) { item in
                    Text(item)
                }
            }
            .pickerStyle(.menu)
            
            Picker("选择项2", selection: $container.two) {
                ForEach(list, id: \.self) { item in
                    Text(item)
                }
            }
            .pickerStyle(.menu)
            
            // 交互按钮
            Button {
                // 核心交换逻辑，两种写法二选一即可
                // 写法1：元组直接赋值
                (container.one, container.two) = (container.two, container.one)
                // 写法2：调用系统swap方法
                // swap(&container.one, &container.two)
            } label: {
                Text("交换选中值")
                    .padding(.horizontal, 20)
                    .padding(.vertical, 10)
                    .background(.blue)
                    .foregroundColor(.white)
                    .cornerRadius(8)
            }
        }
        .padding()
    }
}

实现说明 #

• 两种交换写法效果完全一致，都不需要额外定义临时变量存储中间值
• 所有状态修改都在Button的点击闭包内完成，SwiftUI的状态管理机制会自动同步UI更新
• 如果你需要保留原有英文的Picker标签，把"选择项1"/"选择项2"换回原来的"Select"即可，不影响功能运行

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