SwiftUI中两个Picker选中值相同时如何自动交换保持互异

你的代码失效来自三个问题：

1. 基础笔误：重复声明了两次@State private var from，to变量没有被正确声明，本身就无法正常编译运行
2. 逻辑遗漏：只给from绑定的Picker加了值变更监听，to绑定的Picker修改时完全不会触发检测逻辑
3. 时序冲突：SwiftUI的onChange触发时，当前选中值的状态更新还在当前渲染周期内，此时同步执行两个@State变量的交换，会被SwiftUI的状态合并机制拦截，最终只有用户主动修改的那个值生效，交换操作被丢弃。

struct ContentView: View {
    @State private var list = ["one","two","three","four","five"]
    @State private var from: String = "one"
    @State private var to: String = "two"
    
    var body: some View {
        VStack {
            Picker("", selection: $from) {
                ForEach(list, id: \.self) { item in
                    Text(item)
                }
            }
            .pickerStyle(.menu)
            .padding(.trailing)
            .onChange(of: from) { newValue in
                guard newValue == to else { return }
                // 等当前渲染周期结束再执行交换，避开状态合并拦截
                DispatchQueue.main.async {
                    (from, to) = (to, from)
                }
            }

            Picker("", selection: $to) {
                ForEach(list, id: \.self) { item in
                    Text(item)
                }
            }
            .pickerStyle(.menu)
            .padding(.trailing)
            .onChange(of: to) { newValue in
                guard newValue == from else { return }
                DispatchQueue.main.async {
                    (from, to) = (to, from)
                }
            }
        }
    }
}

• 不管修改哪个Picker的选中值，只要检测到两个选中值相等，就会自动触发交换
• 异步派发的交换操作不会打断用户当前的选择操作，用户选中的值会正常保留，另一个Picker的值自动替换成之前的选中值，和你预期的交互完全一致
• 你之前用的元组交换写法本身没有问题，失效和写法无关，只是状态更新时序和代码笔误导致的。

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