How to add actions to alert buttons

Paul Hudson    @twostraws    October 17th 2019

Fully updated for Xcode 11.3

Basic SwiftUI alerts look like this:

Alert(title: Text("Important message"), message: Text("Wear sunscreen"), dismissButton: .default(Text("Got it!")))

However, you will often want to attach actions to buttons to perform specific actions when they are tapped. To do that, attach a closure to your button that will be called when it’s tapped, like this:

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

    var body: some View {
        Button(action: {
            self.showingAlert = true
        }) {
            Text("Show Alert")
        }
        .alert(isPresented:$showingAlert) {
            Alert(title: Text("Are you sure you want to delete this?"), message: Text("There is no undo"), primaryButton: .destructive(Text("Delete")) {
                    print("Deleting...")
            }, secondaryButton: .cancel())
        }
    }
}

Similar solutions…

• Two-way bindings in SwiftUI
• Adding items to an order with @EnvironmentObject
• What is the @Binding property wrapper?
• Presenting an alert
• Adding swipe to delete and EditButton