TextFieldWithToolBar.swift 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316
  1. import SwiftUI
  2. import UIKit
  3. public struct TextFieldWithToolBar: UIViewRepresentable {
  4. @Binding var text: Decimal
  5. var placeholder: String
  6. var textColor: UIColor
  7. var textAlignment: NSTextAlignment
  8. var keyboardType: UIKeyboardType
  9. var autocapitalizationType: UITextAutocapitalizationType
  10. var autocorrectionType: UITextAutocorrectionType
  11. var shouldBecomeFirstResponder: Bool
  12. var maxLength: Int?
  13. var isDismissible: Bool
  14. var textFieldDidBeginEditing: (() -> Void)?
  15. var numberFormatter: NumberFormatter
  16. var allowDecimalSeparator: Bool
  17. public init(
  18. text: Binding<Decimal>,
  19. placeholder: String,
  20. textColor: UIColor = .label,
  21. textAlignment: NSTextAlignment = .right,
  22. keyboardType: UIKeyboardType = .decimalPad,
  23. autocapitalizationType: UITextAutocapitalizationType = .none,
  24. autocorrectionType: UITextAutocorrectionType = .no,
  25. shouldBecomeFirstResponder: Bool = false,
  26. maxLength: Int? = nil,
  27. isDismissible: Bool = true,
  28. textFieldDidBeginEditing: (() -> Void)? = nil,
  29. numberFormatter: NumberFormatter,
  30. allowDecimalSeparator: Bool = true
  31. ) {
  32. _text = text
  33. self.placeholder = placeholder
  34. self.textColor = textColor
  35. self.textAlignment = textAlignment
  36. self.keyboardType = keyboardType
  37. self.autocapitalizationType = autocapitalizationType
  38. self.autocorrectionType = autocorrectionType
  39. self.shouldBecomeFirstResponder = shouldBecomeFirstResponder
  40. self.maxLength = maxLength
  41. self.isDismissible = isDismissible
  42. self.textFieldDidBeginEditing = textFieldDidBeginEditing
  43. self.numberFormatter = numberFormatter
  44. self.numberFormatter.numberStyle = .decimal
  45. self.allowDecimalSeparator = allowDecimalSeparator
  46. }
  47. public func makeUIView(context: Context) -> UITextField {
  48. let textField = UITextField()
  49. context.coordinator.textField = textField
  50. textField.inputAccessoryView = isDismissible ? makeDoneToolbar(for: textField, context: context) : nil
  51. textField.addTarget(context.coordinator, action: #selector(Coordinator.editingDidBegin), for: .editingDidBegin)
  52. textField.delegate = context.coordinator
  53. if text == 0 { /// show no value initially, i.e. empty String
  54. textField.text = ""
  55. } else {
  56. textField.text = numberFormatter.string(for: text)
  57. }
  58. textField.placeholder = placeholder
  59. return textField
  60. }
  61. private func makeDoneToolbar(for textField: UITextField, context: Context) -> UIToolbar {
  62. let toolbar = UIToolbar(frame: CGRect(x: 0, y: 0, width: UIScreen.main.bounds.width, height: 50))
  63. let flexibleSpace = UIBarButtonItem(barButtonSystemItem: .flexibleSpace, target: nil, action: nil)
  64. let doneButton = UIBarButtonItem(
  65. image: UIImage(systemName: "keyboard.chevron.compact.down"),
  66. style: .done,
  67. target: textField,
  68. action: #selector(UITextField.resignFirstResponder)
  69. )
  70. let clearButton = UIBarButtonItem(
  71. image: UIImage(systemName: "trash"),
  72. style: .plain,
  73. target: context.coordinator,
  74. action: #selector(Coordinator.clearText)
  75. )
  76. toolbar.items = [clearButton, flexibleSpace, doneButton]
  77. toolbar.sizeToFit()
  78. return toolbar
  79. }
  80. public func updateUIView(_ textField: UITextField, context: Context) {
  81. if text != 0 {
  82. let newText = numberFormatter.string(for: text) ?? ""
  83. if textField.text != newText {
  84. textField.text = newText
  85. }
  86. }
  87. textField.textColor = textColor
  88. textField.textAlignment = textAlignment
  89. textField.keyboardType = keyboardType
  90. textField.autocapitalizationType = autocapitalizationType
  91. textField.autocorrectionType = autocorrectionType
  92. if shouldBecomeFirstResponder, !context.coordinator.didBecomeFirstResponder {
  93. if textField.window != nil, textField.becomeFirstResponder() {
  94. context.coordinator.didBecomeFirstResponder = true
  95. }
  96. } else if !shouldBecomeFirstResponder, context.coordinator.didBecomeFirstResponder {
  97. context.coordinator.didBecomeFirstResponder = false
  98. }
  99. }
  100. public func makeCoordinator() -> Coordinator {
  101. Coordinator(self, maxLength: maxLength)
  102. }
  103. public final class Coordinator: NSObject {
  104. var parent: TextFieldWithToolBar
  105. var textField: UITextField?
  106. let maxLength: Int?
  107. var didBecomeFirstResponder = false
  108. let decimalFormatter: NumberFormatter
  109. init(_ parent: TextFieldWithToolBar, maxLength: Int?) {
  110. self.parent = parent
  111. self.maxLength = maxLength
  112. decimalFormatter = NumberFormatter()
  113. decimalFormatter.locale = Locale.current
  114. decimalFormatter.numberStyle = .decimal
  115. }
  116. @objc fileprivate func clearText() {
  117. parent.text = 0
  118. textField?.text = ""
  119. }
  120. @objc fileprivate func editingDidBegin(_ textField: UITextField) {
  121. DispatchQueue.main.async {
  122. textField.moveCursorToEnd()
  123. }
  124. }
  125. }
  126. }
  127. extension TextFieldWithToolBar.Coordinator: UITextFieldDelegate {
  128. public func textField(
  129. _ textField: UITextField,
  130. shouldChangeCharactersIn range: NSRange,
  131. replacementString string: String
  132. ) -> Bool {
  133. // Check if the input is a number or the decimal separator
  134. let isNumber = CharacterSet.decimalDigits.isSuperset(of: CharacterSet(charactersIn: string))
  135. let isDecimalSeparator = (string == decimalFormatter.decimalSeparator && textField.text?.contains(string) == false)
  136. // Only proceed if the input is a valid number or decimal separator
  137. if isNumber || isDecimalSeparator && parent.allowDecimalSeparator,
  138. let currentText = textField.text as NSString?
  139. {
  140. // Get the proposed new text
  141. let proposedText = currentText.replacingCharacters(in: range, with: string)
  142. // Try to convert proposed text to number
  143. let number = parent.numberFormatter.number(from: proposedText) ?? decimalFormatter.number(from: proposedText)
  144. // Update the binding value if conversion is successful
  145. if let number = number {
  146. parent.text = number.decimalValue
  147. } else {
  148. parent.text = 0
  149. }
  150. }
  151. // Allow the change if it's a valid number or decimal separator
  152. return isNumber || isDecimalSeparator && parent.allowDecimalSeparator
  153. }
  154. public func textFieldDidBeginEditing(_: UITextField) {
  155. parent.textFieldDidBeginEditing?()
  156. }
  157. }
  158. extension UITextField {
  159. func moveCursorToEnd() {
  160. dispatchPrecondition(condition: .onQueue(.main))
  161. let newPosition = endOfDocument
  162. selectedTextRange = textRange(from: newPosition, to: newPosition)
  163. }
  164. }
  165. extension UIApplication {
  166. func endEditing() {
  167. sendAction(#selector(UIResponder.resignFirstResponder), to: nil, from: nil, for: nil)
  168. }
  169. }
  170. public struct TextFieldWithToolBarString: UIViewRepresentable {
  171. @Binding var text: String
  172. var placeholder: String
  173. var textAlignment: NSTextAlignment = .right
  174. var keyboardType: UIKeyboardType = .default
  175. var autocapitalizationType: UITextAutocapitalizationType = .none
  176. var autocorrectionType: UITextAutocorrectionType = .no
  177. var shouldBecomeFirstResponder: Bool = false
  178. var maxLength: Int? = nil
  179. var isDismissible: Bool = true
  180. public func makeUIView(context: Context) -> UITextField {
  181. let textField = UITextField()
  182. context.coordinator.textField = textField
  183. textField.inputAccessoryView = isDismissible ? makeDoneToolbar(for: textField, context: context) : nil
  184. textField.addTarget(context.coordinator, action: #selector(Coordinator.editingDidBegin), for: .editingDidBegin)
  185. textField.delegate = context.coordinator
  186. textField.text = text
  187. textField.placeholder = placeholder
  188. textField.textAlignment = textAlignment
  189. textField.keyboardType = keyboardType
  190. textField.autocapitalizationType = autocapitalizationType
  191. textField.autocorrectionType = autocorrectionType
  192. textField.adjustsFontSizeToFitWidth = true
  193. return textField
  194. }
  195. private func makeDoneToolbar(for textField: UITextField, context: Context) -> UIToolbar {
  196. let toolbar = UIToolbar(frame: CGRect(x: 0, y: 0, width: UIScreen.main.bounds.width, height: 50))
  197. let flexibleSpace = UIBarButtonItem(barButtonSystemItem: .flexibleSpace, target: nil, action: nil)
  198. let doneButton = UIBarButtonItem(
  199. image: UIImage(systemName: "keyboard.chevron.compact.down"),
  200. style: .done,
  201. target: textField,
  202. action: #selector(UITextField.resignFirstResponder)
  203. )
  204. let clearButton = UIBarButtonItem(
  205. image: UIImage(systemName: "trash"),
  206. style: .plain,
  207. target: context.coordinator,
  208. action: #selector(Coordinator.clearText)
  209. )
  210. toolbar.items = [clearButton, flexibleSpace, doneButton]
  211. toolbar.sizeToFit()
  212. return toolbar
  213. }
  214. public func updateUIView(_ textField: UITextField, context: Context) {
  215. if textField.text != text {
  216. textField.text = text
  217. }
  218. textField.textAlignment = textAlignment
  219. textField.keyboardType = keyboardType
  220. textField.autocapitalizationType = autocapitalizationType
  221. textField.autocorrectionType = autocorrectionType
  222. if shouldBecomeFirstResponder, !context.coordinator.didBecomeFirstResponder {
  223. if textField.window != nil, textField.becomeFirstResponder() {
  224. context.coordinator.didBecomeFirstResponder = true
  225. }
  226. } else if !shouldBecomeFirstResponder, context.coordinator.didBecomeFirstResponder {
  227. context.coordinator.didBecomeFirstResponder = false
  228. }
  229. }
  230. public func makeCoordinator() -> Coordinator {
  231. Coordinator(self, maxLength: maxLength)
  232. }
  233. public final class Coordinator: NSObject {
  234. var parent: TextFieldWithToolBarString
  235. var textField: UITextField?
  236. let maxLength: Int?
  237. var didBecomeFirstResponder = false
  238. init(_ parent: TextFieldWithToolBarString, maxLength: Int?) {
  239. self.parent = parent
  240. self.maxLength = maxLength
  241. }
  242. @objc fileprivate func clearText() {
  243. parent.text = ""
  244. textField?.text = ""
  245. }
  246. @objc fileprivate func editingDidBegin(_ textField: UITextField) {
  247. DispatchQueue.main.async {
  248. textField.moveCursorToEnd()
  249. }
  250. }
  251. }
  252. }
  253. extension TextFieldWithToolBarString.Coordinator: UITextFieldDelegate {
  254. public func textField(
  255. _ textField: UITextField,
  256. shouldChangeCharactersIn range: NSRange,
  257. replacementString string: String
  258. ) -> Bool {
  259. guard let currentText = textField.text as NSString? else {
  260. return false
  261. }
  262. // Calculate the new text length
  263. let newLength = currentText.length + string.count - range.length
  264. // If there's a maxLength, ensure the new length is within the limit
  265. if let maxLength = parent.maxLength, newLength > maxLength {
  266. return false
  267. }
  268. // Attempt to replace characters in range with the replacement string
  269. let newText = currentText.replacingCharacters(in: range, with: string)
  270. // Update the binding text state
  271. DispatchQueue.main.async {
  272. self.parent.text = newText
  273. }
  274. return true
  275. }
  276. }