SwiftUI中无需传值，能否在TextFieldStyle获取TextField值？

默认情况下，SwiftUI的TextFieldStyle无法直接从configuration中拿到TextField的绑定文本值，但可以通过**内省(Introspection)**结合Combine框架实现需求，无需为每个TextField单独传递值，直接在父视图统一应用样式。

实现步骤 #

1. 首先添加Introspection库（通过Swift Package Manager搜索并添加依赖）
2. 编写自定义TextFieldStyle，通过内省获取底层UITextField实例，监听其文本变化：

import SwiftUI
import Introspection
import Combine

struct MyTextFieldStyle: TextFieldStyle {
    @State private var currentText = ""
    private var textObserver: AnyCancellable?
    
    func _body(configuration: TextField<_Label>) -> some View {
        configuration
            .padding()
            .background(currentText.isEmpty ? .red : .blue)
            .introspectTextField { uiTextField in
                // 监听UITextField的text属性变化，同步到当前Style的状态变量
                textObserver = uiTextField.publisher(for: \.text)
                    .map { $0 ?? "" }
                    .assign(to: \.currentText, on: self)
            }
    }
}

使用方式 #

你的ContentView无需修改，保持父视图统一设置样式的写法即可：

struct ContentView: View {
    @State var text1 = ""
    @State var text2 = ""
    @State var text3 = ""
    
    var body: some View {
        VStack {
            TextField("Text field 1", text: $text1)
            TextField("Text field 2", text: $text2)
            TextField("Text field 3", text: $text3)
        }
        .textFieldStyle(MyTextFieldStyle())
    }
}

原理说明 #

• 通过Introspection库可以获取到SwiftUI TextField对应的UIKit底层UITextField实例
• 利用Combine的publisher(for:)方法监听UITextField的text属性变化，将值同步到Style内部的@State变量currentText
• 最后根据currentText的状态动态设置背景色，实现需求

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