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 Tired of wasting time debugging your Swift app? Instabug’s SDK is here to help you minimize your debugging time by providing you with complete device details, network logs, and reproduction steps with every bug report. All data is attached automatically. It only takes a line of code to setup. Get started for free.
Available from iOS 3.2
Did this solution work for you? Please pass it on!
Other people are reading…
- How to localize your iOS app
- How to use UIActivityIndicatorView to show a spinner when work is happening
- How to make the master pane always visible in a UISplitViewController
- How to fix the error “Failed to instantiate the default view controller for UIMainStoryboardFile”
- How to subclass UIApplication using UIApplicationMain
About the Swift Knowledge Base
This is part of the Swift Knowledge Base, a free, searchable collection of solutions for common iOS questions.
