How to create a toolbar and add buttons to it

Paul Hudson @twostraws June 24th 2020

Updated for Xcode 12.0

SwiftUI’s toolbar() modifier lets us place bar button items anywhere in the top or bottom space, but only when our view is embedded inside a NavigationView.

If you want to place buttons into a toolbar at the bottom of the screen, use toolbar() then create a ToolbarItem with the placement of .bottomBar, like this:

NavigationView {
    Text("Hello, World!").padding()
        .navigationTitle("SwiftUI")
        .toolbar {
            ToolbarItem(placement: .bottomBar) {
                Button("Press Me") {
                    print("Pressed")
                }
            }
        }
}

To get more than one button, put a HStack into your ToolbarItem ten create multiple buttons inside there:

ToolbarItem(placement: .bottomBar) {
    HStack {
        Button("First") {
            print("Pressed")
        }

        Button("Second") {
            print("Pressed")
        }
    }
}

Sponsor Hacking with Swift and reach the world's largest Swift community!

How to create a toolbar and add buttons to it

Similar solutions…