How to add bar items to a navigation view

Paul Hudson @twostraws October 9th 2019

Fully updated for Xcode 11.3

The navigationBarItems() modifier lets us add single or multiple bar button items to the leading and trailing edge of a navigation view. These might be tappable buttons, but there are no restrictions – you can add any sort of view.

For example, this adds a single Help button the to trailing edge of a navigation view:

var body: some View {
    NavigationView {
        Text("SwiftUI")
            .navigationBarTitle("Welcome")
            .navigationBarItems(trailing:
                Button("Help") {
                    print("Help tapped!")
                }
            )
    }
}

If you want to add multiple bar button items, you can just place them in a HStack like this:

.navigationBarItems(trailing:
    HStack {
        Button("About") {
            print("About tapped!")
        }

        Button("Help") {
            print("Help tapped!")
        }
    }
)

How to add bar items to a navigation view

Similar solutions…