整数的文本字段答案

【问题标题】：TextField for integer整数的文本字段
【发布时间】：2021-04-02 15:36:02
【问题描述】：

我尝试使用写一个表单，其中包含一个要求用户输入数字的文本字段。但是，我发现即使用户将数字从 0 更改为另一个值，例如 10，它也始终为 0

struct AddRecordView: View {

   @State private var age = 0
    var body: some View {
    Form {
       Section {
            HStack {
                Text("Age")
                Spacer()
                TextField("age", value: $age, formatter: NumberFormatter()).multilineTextAlignment(.trailing)
                    .keyboardType(.numberPad)
            }
        }
    }.toolbar {
      ToolbarItem(placement: .navigationBarTrailing) {
         Button("Add") {
            print("\(self.age)") // always 0 here?
      }
    }
}

【问题讨论】：

这能回答你的问题吗？ SwiftUI TextField with formatter not working?

标签： ios swift swiftui textfield

【解决方案1】：

不要使用数字格式化程序，只需使用Binding 来获取和设置您的年龄值：

TextField("age", text: Binding(get: { String(age) }, set: { age = Int($0) ?? 0 }))
    .keyboardType(.numberPad)

如果您只想在文本字段中接受整数并限制年龄范围，您需要实现文本绑定管理器来控制文本字段内容：

class TextBindingManager: ObservableObject {
    @Published var string: String = ""
    init(string: String) { self.string = string }
}

import SwiftUI

struct ContentView: View {
    @ObservedObject private var bindingManager = TextBindingManager(string: "")
    @State private var ageString = ""
    @State private var age = 0
    private let range = 1...123  // you can restrict the age range here
    var body: some View {
        NavigationView {
            Form {
                Section {
                    HStack {
                        Text("Age")
                        Spacer()
                        TextField("age", text: $bindingManager.string)
                            .keyboardType(.numberPad)
                            .onChange(of: bindingManager.string) { newValue in
                                guard !bindingManager.string.isEmpty else {
                                    age = 0
                                    return
                                }
                                bindingManager.string.removeAll(where: \.isDigit.negated)
                                guard let newValue = Int(bindingManager.string),
                                      range ~= newValue
                                else {
                                    if let digit = bindingManager.string.last?.wholeNumberValue {
                                        age = digit
                                        bindingManager.string = String(digit)
                                        ageString = bindingManager.string
                                        return
                                    }
                                    bindingManager.string = ageString
                                    ageString = bindingManager.string
                                    return
                                }
                                age = newValue
                                bindingManager.string = String(newValue)
                                ageString = bindingManager.string
                            }
                    }
                }
            }
            .toolbar {
                ToolbarItem(placement: .navigationBarTrailing) {
                     Button("Add") {
                        print(age)
                     }
                     .disabled(!(range ~= age))
                 }
            }

        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

extension Character {
    var isDigit: Bool { "0"..."9" ~= self }
}

extension Bool {
    var negated: Bool { !self }
}

【讨论】：