SwiftUI自定义TextFieldStyle时如何检测TextField是否获得焦点

你遇到的问题是因为@Environment(\.isFocused)无法在TextFieldStyle结构体中正确捕获TextField的焦点状态——该环境值的作用域不直接覆盖TextFieldStyle的上下文，所以始终返回false。以下是两种可行的解决方案：

方案一：使用FocusState传递焦点状态 #

在父视图中通过@FocusState管理焦点状态，再将状态传递给自定义TextFieldStyle：

struct CustomTextFieldStyle: TextFieldStyle {
    let isFocused: Bool
    
    func _body(configuration: TextField<Self._Label>) -> some View {
        configuration
            .foregroundColor(isFocused ? .blue : .black)
    }
}

// 父视图中使用
struct ContentView: View {
    @FocusState private var textFieldIsFocused: Bool
    @State private var inputText = ""
    
    var body: some View {
        TextField("请输入内容", text: $inputText)
            .focused($textFieldIsFocused)
            .textFieldStyle(CustomTextFieldStyle(isFocused: textFieldIsFocused))
    }
}

方案二：利用onEditingChanged回调绑定状态 #

通过绑定布尔值到自定义Style，借助TextField的编辑状态回调更新焦点状态：

struct CustomTextFieldStyle: TextFieldStyle {
    @Binding var isFocused: Bool
    
    func _body(configuration: TextField<Self._Label>) -> some View {
        configuration
            .foregroundColor(isFocused ? .blue : .black)
            .onEditingChanged { isEditing in
                isFocused = isEditing
            }
    }
}

// 父视图中使用
struct ContentView: View {
    @State private var textFieldIsFocused = false
    @State private var inputText = ""
    
    var body: some View {
        TextField("请输入内容", text: $inputText)
            .textFieldStyle(CustomTextFieldStyle(isFocused: $textFieldIsFocused))
    }
}

两种方案都能准确捕获TextField的焦点变化，根据实际场景选择即可。

内容的提问来源于stack exchange，提问作者Van Du Tran