How to add a toolbar above the keyboard using inputAccessoryView

Paul Hudson    February 13th 2018    @twostraws

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 = bar

Available from iOS 3.2

Did this solution work for you? Please pass it on!

Tweet

Other people are reading…

• How to hide the home indicator on iPhone X
• How to add a UIApplicationShortcutItem quick action for 3D Touch
• How to check whether an iPhone or iPad is upside down or face up
• How to add a flexible space to a UIBarButtonItem
• How to make UITableViewCell separators go edge to edge

About the Swift Knowledge Base

This is part of the Swift Knowledge Base, a free, searchable collection of solutions for common iOS questions.