SwiftUI：如何让TextField获得焦点时选中全部文本？

问题背景 #

你希望SwiftUI中的TextField获得焦点时自动选中全部文本，让用户可以直接输入新内容覆盖原有值，无需手动删除。当前使用原生TextField时，点击进入编辑状态不会自动选中文本，需要手动操作。

解决方案 #

方案1：自定义封装UITextField（推荐）

通过UIViewRepresentable包装UIKit的UITextField，可以直接控制编辑状态下的文本选中行为，这是最可靠的实现方式：

import SwiftUI

struct AutoSelectTextField: UIViewRepresentable {
    @Binding var text: String
    let placeholder: String
    
    func makeUIView(context: Context) -> UITextField {
        let textField = UITextField()
        textField.placeholder = placeholder
        textField.delegate = context.coordinator
        textField.borderStyle = .roundedRect
        return textField
    }
    
    func updateUIView(_ uiView: UITextField, context: Context) {
        if uiView.text != text {
            uiView.text = text
        }
    }
    
    func makeCoordinator() -> Coordinator {
        Coordinator(self)
    }
    
    class Coordinator: NSObject, UITextFieldDelegate {
        let parent: AutoSelectTextField
        
        init(_ parent: AutoSelectTextField) {
            self.parent = parent
        }
        
        // 文本框获焦开始编辑时，选中全部文本
        func textFieldDidBeginEditing(_ textField: UITextField) {
            textField.selectAll(nil)
        }
        
        // 编辑结束同步内容到SwiftUI的Binding变量
        func textFieldDidEndEditing(_ textField: UITextField) {
            parent.text = textField.text ?? ""
        }
    }
}

// 使用示例
struct ContentView: View {
    @State private var data: String = ""
    @State private var data2: String = ""
    
    var body: some View {
        VStack(spacing: 16) {
            AutoSelectTextField(text: $data, placeholder: "Enter data")
            AutoSelectTextField(text: $data2, placeholder: "Enter data 2")
        }
        .padding()
    }
}

方案2：结合FocusState与UIView扩展（轻量改造）

如果不想重构现有TextField，可以利用FocusState监听焦点变化，再通过扩展获取当前第一响应者的UITextField并执行选中操作：

import SwiftUI

// 扩展UITextField，添加选中当前活跃文本框的方法
extension UITextField {
    static func selectAllActiveTextField() {
        guard let currentTextField = UIApplication.shared.windows.first?.firstResponder as? UITextField else {
            return
        }
        currentTextField.selectAll(nil)
    }
}

struct ContentView: View {
    @State private var data: String = ""
    @State private var data2: String = ""
    @FocusState private var focusedField: Field?
    
    enum Field {
        case first, second
    }
    
    var body: some View {
        VStack(spacing: 16) {
            TextField("Enter data", text: $data)
                .focused($focusedField, equals: .first)
                .onChange(of: focusedField) { newValue in
                    if newValue == .first {
                        DispatchQueue.main.async {
                            UITextField.selectAllActiveTextField()
                        }
                    }
                }
                .textFieldStyle(.roundedBorder)
            
            TextField("Enter data 2", text: $data2)
                .focused($focusedField, equals: .second)
                .onChange(of: focusedField) { newValue in
                    if newValue == .second {
                        DispatchQueue.main.async {
                            UITextField.selectAllActiveTextField()
                        }
                    }
                }
                .textFieldStyle(.roundedBorder)
        }
        .padding()
    }
}

方案说明 #

• 方案1的优势在于完全控制UITextField的行为，兼容性更强，适合需要定制更多文本框样式或逻辑的场景。
• 方案2更轻量，无需封装新组件，但依赖获取第一响应者，在复杂视图层级或多窗口场景下可能存在兼容性问题。

内容的提问来源于stack exchange，提问作者L. Mees