How to use confirmationDialog in swiftUI?

In SwiftUI, confirmationDialog() is a view modifier that presents a confirmation dialog, offering a way to prompt users for confirmation before performing actions, especially those that might be irreversible or important. It’s similar to an alert, but it slides up from the bottom and allows for multiple buttons with different roles. 

I’ll create a comprehensive example of using ConfirmationDialog in SwiftUI.

import SwiftUI

struct ContentView: View {
    @State private var showConfirmationDialog = false
    @State private var selectedAction: String = ""
    
    var body: some View {
        VStack {
            Button("Show Confirmation Dialog") {
                showConfirmationDialog = true
            }
            .confirmationDialog(
                "Choose an Action",
                isPresented: $showConfirmationDialog,
                titleVisibility: .visible
            ) {
                // Multiple action buttons
                Button("Delete", role: .destructive) {
                    selectedAction = "Delete"
                }
                
                Button("Save", role: .none) {
                    selectedAction = "Save"
                }
                
                Button("Cancel", role: .cancel) {
                    selectedAction = "Cancel"
                }
            } message: {
                Text("Please choose an action to proceed.")
            }
            
            // Display selected action
            Text("Selected Action: \(selectedAction)")
                .padding()
        }
    }
}

// Preview for Xcode
struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

Let me break down the key components of using a ConfirmationDialog in SwiftUI:

1. Syntax:

.confirmationDialog(
    title,                   // Title of the dialog
    isPresented: binding,    // State variable to control dialog visibility
    titleVisibility,         // Optional visibility of the title
) {
    // Action buttons
} message: {
    // Optional additional message
}

Key points:

• Use @State private variable to control dialog presentation
• Button roles can be .destructive, .cancel, or .none
• You can customize the title and message
• Multiple buttons can be added inside the dialog
• The isPresented binding controls when the dialog appears

Common use cases:

• Confirming deletion
• Choosing between actions
• Providing user warnings
• Offering multiple options with context

Thanks for reading!