RespondableTextField is a simple textField library for SwiftUI. The reason why I wanted to make this library was because I was too lazy to make UIViewRepresentableviews every single time. Also, I know you were really struggling from, or tired of taking care of UITextFieldDelegate methods, such as becomeFirstResponder, resignFirstResponder. I really hope this helps you.
- iOS 13.0+ (due to SwiftUI)
-
In Xcode, add the URL of this repository in SwiftPM:
https://github.com/aaronLab/RespondableTextField.git
-
import RespondableTextField -
Add
RespondableTextFieldin your body like below. -
⚠️ To make it work properly: The tags of each RespondableTextField in each body must be increased SEQUENTIALLY in order.⚠️ RespondableTextField( text: Binding<String>, tag: Int, isFirstResponder: Bool = false, placeholder: String? = nil, width: CGFloat? = nil, height: CGFloat? = nil, onEditing: ((String) -> Void)? = nil, didBeginEditing: (() -> Void)? = nil, didEndEditing: (() -> Void)? = nil, shouldReturn: ((String?) -> Void)? = nil )
-
Also, you don't have to fill all of the optional parameters or
isFirstResponder. -
You can make the textField the first responder with
isFirstResponder = true.
respondableSecureType()- Secure type
respondableKeyboardType(_ type: UIKeyboardType)- Change keyboard type
respondableContentType(_ type: UITextContentType)- Change content type
respondableCapitalization(_ type: UITextAutocapitalizationType)- Capitalization change
respondableFont(_ font: UIFont)- Change font
respondableLineStyle()- Borderstyle: .line
respondableBezelStyle()- Borderstyle: .bezel
textFieldStyle<S>(_ style: S) -> some View where S: TextFieldStyle- Borderstyle: .roundedRect, .none
You can use or customize RespondableTextField like below, or see example file.
// // ContentView.swift // Example // // Created by Aaron Lee on 2020-12-17. // import SwiftUI import RespondableTextField struct ContentView: View { // MARK: - PROPERTIES @State private var text1: String = "" @State private var text2: String = "" @State private var text3: String = "" @State private var text4: String = "" // MARK: - BODY var body: some View { ScrollView(showsIndicators: false) { VStack(alignment: .leading, spacing: 30) { // Default Group { Text("Default") .font(.system(size: 14, weight: .bold, design: .default)) RespondableTextField(text: $text1, tag: 0, isFirstResponder: true, placeholder: "1st") { value in print("onEditing: \(value)") } didBeginEditing: { print("didBeginEditing") } didEndEditing: { print("didEndEditing") } shouldReturn: { value in print("shouldReturn: \(value ?? "N/A")") } Text(text1) } // SecureType + RectangleLine Border Group { Text("SecureType + RectangleLine Border") .font(.system(size: 14, weight: .bold, design: .default)) RespondableTextField(text: $text2, tag: 1, placeholder: "2nd", width: 200, height: 50) { value in print("onEditing: \(value)") } didBeginEditing: { print("didBeginEditing") } didEndEditing: { print("didEndEditing") } shouldReturn: { value in print("shouldReturn: \(value ?? "N/A")") } .respondableSecureType() .respondableLineStyle() Text(text2) } // NumberPad + OneTimeCode + Rounded Border Group { Text("NumberPad + OneTimeCode + Rounded Border") .font(.system(size: 14, weight: .bold, design: .default)) RespondableTextField(text: $text3, tag: 2, placeholder: "3rd") { value in print("onEditing: \(value)") } didBeginEditing: { print("didBeginEditing") } didEndEditing: { print("didEndEditing") } shouldReturn: { value in print("shouldReturn: \(value ?? "N/A")") } .respondableKeyboardType(.numberPad) .respondableContentType(.oneTimeCode) .textFieldStyle(RoundedBorderTextFieldStyle()) Text(text3) } // didEndEditing + Bazel Border + Font Group { Text("didBeginEditing + didEndEditing + Bazel Border") .font(.system(size: 14, weight: .bold, design: .default)) RespondableTextField(text: $text4, tag: 3, placeholder: "4th") { value in print("onEditing: \(value)") } didBeginEditing: { print("didBeginEditing") } didEndEditing: { print("didEndEditing") } shouldReturn: { value in print("shouldReturn: \(value ?? "N/A")") } .respondableBezelStyle() .respondableFont(.systemFont(ofSize: 20, weight: .bold)) Text(text4) } } //: V .padding() } //: S .preferredColorScheme(.light) } }Licensed under MIT