How to add a toolbar above the keyboard using inputAccessoryView
Swift version: 5.0
If your user is likely to want common editing operations to appear while they are typing, you should set a custom view for your text fields’ inputAccessoryView property. For example, Tweetbot shows common Twitter symbols right above the keyboard, such as @ and #, so you can type them without having to adjust the iOS keyboard.
There are several ways you can do this, but the easiest is just to create a UIToolbar with any buttons you want. You can then call sizeToFit() on it so the toolbar fits all its buttons, then assign that to the inputAccessoryView property of any text fields and text views that should use it.
Here’s some code to get you started:
let bar = UIToolbar()
let reset = UIBarButtonItem(title: "Reset", style: .plain, target: self, action: #selector(resetTapped))
bar.items = [reset]
bar.sizeToFit()
textField.inputAccessoryView = barSPONSOR Meet the new Instabug – more than just bug reporting! We help you build better apps and minimize your debugging time. With each bug report, we automatically capture details like network requests, repro steps, and session details. Get real-time crash reports with stack trace details and session data to help you catch and fix issues easily. And with our customizable in-app surveys, you’ll gather insightful user feedback and much more. Instabug is the fastest and easiest way to release with confidence. Start your free trial now! Start your free trial now!
Available from iOS 3.2
Did this solution work for you? Please pass it on!
Other people are reading…
- How to change the scroll indicator inset for a UIScrollView
- How to detect dark mode in iOS
- How to send an email
- How to support pinch to zoom in a UIScrollView
- How to read a title from a UIPickerView using titleForRow
About the Swift Knowledge Base
This is part of the Swift Knowledge Base, a free, searchable collection of solutions for common iOS questions.
