🎛️Confirmation Dialog

⭐️ 重點

• Do not need to add a cancel button, the confirmation dialog includes a standard dismiss action by default.

• All actions in the confirmation dialog dismiss the dialog, do not need to manually dismiss the dialog by setting the boolean state variable to false.

💾 程式

struct ConfirmView: View {
    
    // ⭐️ confirmation dialog on/off switch
    @State private var isShowingDialog = false
    
    var body: some View {
        Button("Delete", role: .destructive) {
            isShowingDialog = true                // ⭐️ show dialog
        }
        .buttonStyle(.borderedProminent)
        
        // ------------------------------
        //     ⭐️ confirmation dialog
        // ------------------------------
        .confirmationDialog(
            "Are you sure to delete the data?",    // title
            isPresented: $isShowingDialog,         // on/off
            titleVisibility: .visible
        ) {
            Button("confirm", role: .destructive) {
                print("data deleted ...")
            }
        }
    }
}

📘 手冊

• SwiftUI ⟩ View ⟩ Presentation Modifiers ⟩

  • .confirmationDialog(_:isPresented:titleVisibility:actions:) - title
  • .confirmationDialog(_:isPresented:titleVisibility:presenting:actions:) - data
  • .confirmationDialog(_:isPresented:titleVisibility:actions:message:) - message

📗 參考

• Use Your Loaf ⟩ SwiftUI Confirmation Dialogs

👥 相關

• use Button Roles.