How to show a popover view

Paul Hudson @twostraws March 11th 2021

Updated for Xcode 13.0

SwiftUI has a dedicated modifier for showing popovers, which on iPadOS appear as floating balloons and on iOS slide onto the screen like a sheet.

To show a popover you need some state that determines whether the popover is currently visible, but that’s about it – unlike alerts and action sheets, popovers can contain any kind of view you want. So, just place whatever you need inside the popover and SwiftUI will take care of the rest.

For example, this shows a popover view when a button is tapped:

struct ContentView: View {
    @State private var showingPopover = false

    var body: some View {
        Button("Show Menu") {
            showingPopover = true
        }
        .popover(isPresented: $showingPopover) {
            Text("Your content here")
                .font(.headline)
                .padding()
        }
    }
}

Download this as an Xcode project

Click here to save 50% on all my books and bundles!

How to show a popover view

Similar solutions…