我正在尝试找到一种方法，向SwiftUI numberPad添加一个键或按钮。我找到的唯一参考资料都说这是不可能的。在Swift世界中，我添加了一个工具栏，其中包含一个按钮，用于关闭键盘或执行其他功能。
我甚至会构建一个ZStack视图，并将按钮置于其上，但我找不到将numberPad添加到自己的视图中的方法。
在这种情况下，我真正想做的就是在输入数据后关闭numberPad。我最初尝试修改SceneDelegate以在点击时关闭，但仅当我在另一个文本或文本字段视图中而不是在视图上的空白处点击时才有效。
window.rootViewController = UIHostingController(rootView: contentView.onTapGesture {
window.endEditing(true)
})
struct TestTextfield: UIViewRepresentable {
@Binding var text: String
var keyType: UIKeyboardType
func makeUIView(context: Context) -> UITextField {
let textfield = UITextField()
textfield.keyboardType = keyType
let toolBar = UIToolbar(frame: CGRect(x: 0, y: 0, width: textfield.frame.size.width, height: 44))
let doneButton = UIBarButtonItem(title: "Done", style: .done, target: self, action: #selector(textfield.doneButtonTapped(button:)))
toolBar.items = [doneButton]
toolBar.setItems([doneButton], animated: true)
textfield.inputAccessoryView = toolBar
return textfield
}
func updateUIView(_ uiView: UITextField, context: Context) {
uiView.text = text
}
}
extension UITextField{
@objc func doneButtonTapped(button:UIBarButtonItem) -> Void {
self.resignFirstResponder()
}
}
在内容视图中使用
struct ContentView : View {
@State var text = ""
var body: some View {
TestTextfield(text: $text, keyType: UIKeyboardType.phonePad)
.frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: 50)
.overlay(
RoundedRectangle(cornerRadius: 16)
.stroke(Color.blue, lineWidth: 4)
)
}
}
从iOS 15开始，我们可以使用新的keyboard ToolbarItemPlacement，在键盘上方添加自定义视图：
Form {
...
}
.toolbar {
ToolbarItem(placement: .keyboard) {
Button("Do something") {
print("something")
}
}
}
您还可以将此与新的@FocusState属性包装器结合使用，以从当前编辑的元素中移除焦点：
@FocusState private var isFocused: Bool
...
var body: some View {
Form {
TextField(...)
.focused($isFocused)
}
.toolbar {
ToolbarItem(placement: .keyboard) {
Button("Done") {
isFocused = false
}
}
}
}
我使用SwiftUI-Introspect库，在5行代码内完成了它！我遇到了一个问题，即Representable Text Field对填充和框架没有任何反应。一切都是使用这个库解决的！
链接: https://github.com/siteline/SwiftUI-Introspect
import SwiftUI
import Introspect
struct ContentView : View {
@State var text = ""
var body: some View {
TextField("placeHolder", text: $text)
.keyboardType(.default)
.introspectTextField { (textField) in
let toolBar = UIToolbar(frame: CGRect(x: 0, y: 0, width: textField.frame.size.width, height: 44))
let flexButton = UIBarButtonItem(barButtonSystemItem: UIBarButtonItem.SystemItem.flexibleSpace, target: nil, action: nil)
let doneButton = UIBarButtonItem(title: "Done", style: .done, target: self, action: #selector(textField.doneButtonTapped(button:)))
doneButton.tintColor = .systemPink
toolBar.items = [flexButton, doneButton]
toolBar.setItems([flexButton, doneButton], animated: true)
textField.inputAccessoryView = toolBar
}
}
extension UITextField {
@objc func doneButtonTapped(button:UIBarButtonItem) -> Void {
self.resignFirstResponder()
}
}
@Binding存在问题，可以实现符合UITextFieldDelegate协议的Coordinator类来解决。如果需要的话，这可以进一步定制TextField。struct DecimalTextField: UIViewRepresentable {
private var placeholder: String
@Binding var text: String
init(_ placeholder: String, text: Binding<String>) {
self.placeholder = placeholder
self._text = text
}
func makeUIView(context: Context) -> UITextField {
let textfield = UITextField()
textfield.keyboardType = .decimalPad
textfield.delegate = context.coordinator
textfield.placeholder = placeholder
let toolBar = UIToolbar(frame: CGRect(x: 0, y: 0, width: textfield.frame.size.width, height: 44))
let doneButton = UIBarButtonItem(title: "Done", style: .done, target: self, action: #selector(textfield.doneButtonTapped(button:)))
toolBar.items = [doneButton]
toolBar.setItems([doneButton], animated: true)
textfield.inputAccessoryView = toolBar
return textfield
}
func updateUIView(_ uiView: UITextField, context: Context) {
uiView.text = text
}
func makeCoordinator() -> Coordinator {
Coordinator(self)
}
class Coordinator: NSObject, UITextFieldDelegate {
var parent: DecimalTextField
init(_ textField: DecimalTextField) {
self.parent = textField
}
func textField(_ textField: UITextField, shouldChangeCharactersIn range: NSRange, replacementString string: String) -> Bool {
if let currentValue = textField.text as NSString? {
let proposedValue = currentValue.replacingCharacters(in: range, with: string) as String
self.parent.text = proposedValue
}
return true
}
}
}
makeCoordinator()实例化协调器并将其用于委托和选择器目标。我同意其他评论，目前似乎还不存在纯 SwiftUI 的解决方案。 - Bjørn Olav Ruudtext值不会传递到原始的 @State 文本值。我错过了什么？ - Gloorfindel