NEW: Master Swift design patterns with my latest book! >>

How to add multiple UIBarButtonItem to a navigation bar using rightBarButtonItems

Written by Paul Hudson    @twostraws

The navigationItem property of your view controller has two properties responsible for displaying multiple bar button items on either side of UINavigationBar: leftBarButtonItems for the left-hand side and rightBarButtonItems for the right-hand side. These are not to be confused with leftBarButtonItem and rightBarButtonItem, which are older properties designed to store single items.

One confusion when working with arrays of bar button items is the order in which they are displayed: they fill from the outside in. So, when using leftBarButtonItems they appear in the order of your array, and when using rightBarButtonItems they appear in reverse order.

For example, here’s some code to display a share button and an add button on the right-hand side of the navigation bar, and the add button will be on the right of the share button:

let share = UIBarButtonItem(barButtonSystemItem: .action, target: self, action: #selector(shareTapped))
let add = UIBarButtonItem(barButtonSystemItem: .add, target: self, action: #selector(addTapped))
navigationItem.rightBarButtonItems = [add, share]

Available from iOS 5.0

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

Other people are reading…

About the Swift Knowledge Base

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

Upgrade to premium

The Hacking with Swift guide book helps you learn faster, plus get an Xcode tips and tricks video and Swift wall chart.

Click here to visit the Hacking with Swift store >>