如何避免Picker切换时触发AttributeGraph错误？寻求简洁解决方案

我之前在Xcode 12.4/macOS 10.15的SwiftUI项目里也碰到过这个一模一样的问题——当聚焦的TextField随Picker选择切换禁用状态时，就会触发AttributeGraph的级联错误。你不想用动态渲染TextField的方案，希望保持表单布局固定，那这两个方法应该能帮到你：

方案一：全局移除焦点（简单高效） #

核心思路是在Picker切换选项的瞬间，让所有当前处于聚焦状态的控件失去焦点，这样再修改TextField的disabled状态就不会触发冲突了。我们可以利用AppKit的全局方法来实现：

修改后的完整代码：

import SwiftUI

struct AttributeGraphIssueView: View {
    private var choices = ["Choice 1","Choice 2"]
    @State private var selection:String = "Choice 1"
    @State private var entryForChoice1: String = "Hello"
    @State private var entryForChoice2: String = "World"
    
    var body: some View {
        Picker(
            selection: $selection, label: EmptyView()
        ) {
            ForEach(choices, id: \.self) { entry in
                Text(entry)
            }
        }
        .onChange(of: selection) { _ in
            // 触发全局失焦，让所有第一响应者放弃焦点
            NSApp.sendAction(#selector(NSResponder.resignFirstResponder), to: nil, from: nil)
        }
        
        TextField("for choice 1", text: $entryForChoice1)
            .disabled(selection == choices[1])
            .background((selection == choices[1]) ? Color.red: Color.green)
        
        TextField("for choice 2", text: $entryForChoice2)
            .disabled(selection == choices[0])
            .background((selection == choices[0]) ? Color.red: Color.green)
    }
}

这个方案的优点是代码改动极小，而且完全保留了你想要的固定表单布局——所有TextField始终在界面上，只是根据Picker选择启用/禁用。NSApp.sendAction(...)会全局触发失焦，不管哪个TextField处于聚焦状态，都能快速解决问题。

方案二：精准控制单个TextField焦点（更灵活） #

如果你的界面还有其他需要保持焦点的控件，不想全局失焦，那可以用@FocusState来精准控制每个TextField的焦点状态，在Picker切换时主动移除对应TextField的焦点：

import SwiftUI

struct AttributeGraphIssueView: View {
    private var choices = ["Choice 1","Choice 2"]
    @State private var selection:String = "Choice 1"
    @State private var entryForChoice1: String = "Hello"
    @State private var entryForChoice2: String = "World"
    // 为每个TextField绑定焦点状态
    @FocusState private var isChoice1Focused: Bool
    @FocusState private var isChoice2Focused: Bool
    
    var body: some View {
        Picker(
            selection: $selection, label: EmptyView()
        ) {
            ForEach(choices, id: \.self) { entry in
                Text(entry)
            }
        }
        .onChange(of: selection) { _ in
            // 主动移除两个TextField的焦点
            isChoice1Focused = false
            isChoice2Focused = false
        }
        
        TextField("for choice 1", text: $entryForChoice1)
            .focused($isChoice1Focused) // 绑定焦点状态
            .disabled(selection == choices[1])
            .background((selection == choices[1]) ? Color.red: Color.green)
        
        TextField("for choice 2", text: $entryForChoice2)
            .focused($isChoice2Focused) // 绑定焦点状态
            .disabled(selection == choices[0])
            .background((selection == choices[0]) ? Color.red: Color.green)
    }
}

这个方案更精细化，适合复杂界面场景，同样能保持表单的固定布局，不会出现动态渲染带来的布局跳动问题。

这两个方案都不需要升级你的系统和Xcode，刚好适配你当前的环境，应该能完美解决你的问题。

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