How to add a toolbar above the keyboard using inputAccessoryView
Swift version: 5.10
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
GO FURTHER, FASTER Unleash your full potential as a Swift developer with the all-new Swift Career Accelerator: the most comprehensive, career-transforming learning resource ever created for iOS development. Whether you’re just starting out, looking to land your first job, or aiming to become a lead developer, this program offers everything you need to level up – from mastering Swift’s latest features to conquering interview questions and building robust portfolios.
Available from iOS 3.2
Similar solutions…
- How to add a toolbar to the keyboard
- How to let users customize toolbar buttons
- How to create a toolbar and add buttons to it
- How to show and hide a toolbar inside a UINavigationController
- How to add keyboard shortcuts using keyboardShortcut()
About the Swift Knowledge Base
This is part of the Swift Knowledge Base, a free, searchable collection of solutions for common iOS questions.
