SwiftUI中如何重新聚焦自定义UIViewRepresentable TextField

我明白你遇到的问题了——第一次点击按钮能聚焦，但后续失效还出现状态修改的警告，这是因为你在视图更新的过程中直接修改了绑定状态，违反了SwiftUI的状态更新规则。下面给你一个可靠的解决方案，让自定义TextField支持随时重新聚焦：

问题根源 #

你之前在updateUIView里直接设置isFocused = false，这是在SwiftUI的视图更新周期内修改状态，会触发"Modifying state during view update"警告，而且这种同步修改会导致状态逻辑混乱，后续的聚焦请求无法被正确响应。

正确实现方案 #

我们需要用一个触发式的绑定状态来控制聚焦，并且通过异步操作来重置状态，避免在视图更新周期内修改状态。同时完善协调器的代理方法，确保文本同步和状态处理的正确性。

1. 改进自定义FirstResponderTextField #

struct FirstResponderTextField: UIViewRepresentable {
    var placeholder: String
    @Binding var text: String
    @Binding var shouldFocus: Bool // 用来触发聚焦的绑定信号

    func makeUIView(context: Context) -> UITextField {
        let textField = UITextField()
        textField.placeholder = placeholder
        textField.delegate = context.coordinator
        return textField
    }

    func updateUIView(_ uiView: UITextField, context: Context) {
        // 仅在内容变化时更新文本，避免不必要的刷新
        if uiView.text != text {
            uiView.text = text
        }
        if uiView.placeholder != placeholder {
            uiView.placeholder = placeholder
        }

        // 处理聚焦请求：当shouldFocus为true时，让文本框成为第一响应者
        if shouldFocus {
            uiView.becomeFirstResponder()
            // 异步重置触发状态，避开视图更新周期
            DispatchQueue.main.async {
                self.shouldFocus = false
            }
        }
    }

    func makeCoordinator() -> Coordinator {
        Coordinator(parent: self)
    }

    class Coordinator: NSObject, UITextFieldDelegate {
        let parent: FirstResponderTextField

        init(parent: FirstResponderTextField) {
            self.parent = parent
        }

        // 同步文本框内容到绑定变量
        func textFieldDidChangeSelection(_ textField: UITextField) {
            parent.text = textField.text ?? ""
        }

        // 可选：跟踪文本框失去焦点的事件
        func textFieldDidEndEditing(_ textField: UITextField) {
            // 如果需要外部感知焦点状态，可以在这里添加逻辑
            // 比如：parent.isCurrentlyFocused = false
        }
    }
}

2. 更新ContentView调用逻辑 #

struct ContentView: View {
    @State var textField1: String = ""
    @State var textField2: String = ""
    @State var shouldFocusTextField1: Bool = false // 聚焦触发开关

    var body: some View {
        Form {
            Section {
                FirstResponderTextField(
                    placeholder: "Text Field 1",
                    text: $textField1,
                    shouldFocus: $shouldFocusTextField1
                )
                TextField("Text Field 2", text: $textField2)
            }
            Section {
                Button(action: {
                    // 点击按钮时触发聚焦请求
                    shouldFocusTextField1 = true
                }, label: {
                    Text("Re-Focus Text Field 1")
                })
            }
        }
    }
}

关键改进点 #

• 异步重置状态：用DispatchQueue.main.async延迟重置shouldFocus，确保不在视图更新周期内修改状态，避免警告和逻辑混乱。
• 按需更新UI：仅在文本或占位符实际变化时更新UITextField，减少不必要的视图刷新。
• 清晰的触发逻辑：shouldFocus是一次性的触发信号，每次设为true都会触发一次聚焦操作，无论之前的焦点状态如何。

如果需要初始就让文本框聚焦，只需要把ContentView里的shouldFocusTextField1初始值设为true即可，第一次视图渲染时会自动处理聚焦。

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