SwiftUI中如何实现TextField与@Published属性的双向绑定？

针对@Published修饰的整数属性（比如userSettings.aspectWidth）和TextField的双向绑定需求，有两种常用解决方案：

方法一：使用iOS 15+ 原生支持的数值绑定 #

从iOS 15、macOS 12开始，SwiftUI的TextField新增了直接绑定数值类型的初始化器，配合FormatStyle可以轻松实现双向绑定，无需手动处理类型转换：

代码示例 #

首先定义你的ObservableObject：

import SwiftUI

class UserSettings: ObservableObject {
    @Published var aspectWidth: Int = 16
    // 其他@Published属性...
}

在视图中使用：

struct ContentView: View {
    // 全局设置用@StateObject，父视图传递用@ObservedObject
    @StateObject private var userSettings = UserSettings()
    
    var body: some View {
        TextField("宽", value: $userSettings.aspectWidth, format: .number)
            .textFieldStyle(.roundedBorder)
            .padding()
    }
}

这个初始化器会自动处理Int和输入文本的双向转换，同时还会自动过滤非数字输入，无需额外处理异常输入。

方法二：自定义Binding适配低版本系统 #

如果需要兼容iOS 15以下版本，可以手动创建一个Binding<String>，在get和set方法中完成类型转换：

代码示例 #

struct ContentView: View {
    @StateObject private var userSettings = UserSettings()
    
    var body: some View {
        TextField("宽", text: Binding(
            get: { String(userSettings.aspectWidth) },
            set: {
                // 处理空字符串或非数字输入，避免转换失败
                if let newValue = Int($0) {
                    userSettings.aspectWidth = newValue
                } else if $0.isEmpty {
                    userSettings.aspectWidth = 0
                }
                // 可选：如果输入非数字，也可以保持原有值不变化
            }
        ))
        .textFieldStyle(.roundedBorder)
        .padding()
    }
}

这里需要注意处理输入非数字的情况，比如空字符串转0，或者忽略无效输入，避免程序出现异常值。

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