SwiftUI TextField结合SwiftData切换年份时不更新的问题

问题根源 #

1. 自定义TextField未同步绑定值变化：MyTextField中的localValue是@State属性，仅在组件初始化时读取绑定值的初始值。当切换年份导致绑定的model.multiples.multiple1更新时，localValue不会自动同步，导致TextField显示旧值。
2. ContentView中model获取方式不够响应式：直接在body内手动fetch model的写法，虽然能获取到数据，但没有利用SwiftData的@Query响应式查询机制，可能存在更新不及时的隐患。

修复步骤 #

1. 修复MyTextField的同步逻辑

给MyTextField添加绑定值变化监听，当外部绑定的value更新时，自动同步localValue：

public struct MyTextField: View {
    
    @Binding var value: Double
    @State  var localValue: Double
    
    @FocusState private var textFieldIsFocused: Bool
    
    public init(value: Binding<Double>) {
        self._value = value
        self._localValue = State(initialValue: value.wrappedValue)
    }
    
    public var body: some View {
        TextField("", value: $localValue, format: .number.precision(.fractionLength(2)))
            .onHover{ hover in
                if !hover {
                    localValue = value
                }
            }
            .onSubmit{
                if value != localValue {
                    value = localValue
                }
            }
            // 新增：监听绑定值变化，同步localValue
            .onChange(of: value) { newValue in
                localValue = newValue
            }
            .textFieldStyle(.plain)
    }
}

2. 优化ContentView的model获取方式

改用SwiftData的@Query机制，让视图自动响应年份变化，获取对应model：

struct ContentView: View{
    @Environment(\.currentYear) var currentYear
    @Environment(\.modelContext) var context
    
    // 使用@Query自动响应年份变化，获取对应model
    @Query private var models: [Model]
    
    init() {
        // 初始化Query，predicate依赖currentYear
        _models = Query(filter: #Predicate<Model> { $0.modelYear == currentYear })
    }
    
    // 安全获取当前model
    private var currentModel: Model? {
        models.first
    }
    
    var body: some View{
        TabView{
            Tab(content: {
                VStack{
                    Text(verbatim: "Tab for \(currentYear)")
                    if let model = currentModel {
                        @Bindable var bindableModel = model
                        MyTextField(value: $bindableModel.multiples.multiple1)
                        Text(verbatim: "\(bindableModel.multiples.multiple1 * Double(currentYear))")
                    } else {
                        Text("No data for this year")
                    }
                }
                .frame(width:100)
                .navigationTitle(Text(verbatim: "Tab for \(currentYear)"))
            })
            {
                Text("Tab")
            }
        }
        .tabViewStyle(.sidebarAdaptable)
        // 当currentYear变化时，重新初始化Query
        .onChange(of: currentYear) { _ in
            _models = Query(filter: #Predicate<Model> { $0.modelYear == currentYear })
        }
    }
}

修复效果 #

修改完成后，切换年份时：

• MyTextField会自动同步对应年份model的multiple1值，和Text视图显示保持一致；
• @Query的使用让model的获取更符合SwiftData的响应式设计，避免手动fetch可能带来的线程安全或更新不及时问题。

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