Cómo crear alertas en SwiftUI

Marcelo Laprea

13 diciembre, 20232min de lectura

Para mostrar alertas en SwiftUI, puedes utilizar el modificador alert(_:isPresented:presenting:actions:message:). Vamos a explorar los parámetros que este modificador recibe:

• title: Define el título de la alerta.
• isPresented: Binding<Bool>: Determina si la alerta debe mostrarse o no. Cuando el usuario interactúa con alguna de las acciones de la alerta, el sistema cambia este valor a false y oculta la alerta.
• @ViewBuilder actions: () -> A: Es un ViewBuilder que devuelve las acciones que estarán disponibles en la alerta.

Para utilizar este modificador, por ejemplo, primero crearemos una variable llamada showAlert.

@State private var showAlert = false

Luego, agregaremos un botón a nuestro body que cambie el estado de la variable showAlert a true cuando se presione.

struct ContentView: View {
    @State private var showAlert = false
        
    var body: some View {
        Button {
            showAlert = true
        } label: {
            Text("Show alert")
                .font(.title)
        }
    }
}

Finalmente, agregamos el modificador alert a nuestra vista de la siguiente manera:

.alert("Displaying alert", isPresented: $showAlert) {
    Button("Ok", role: .cancel) { }
    Button("Edit") { }
}

Puedes agregar más de un botón como acciones en tu alerta:

.alert("Displaying alert", isPresented: $showAlert) {
    Button("Delete", role: .destructive) { }
    Button("Edit") { }
    Button("Ok", role: .cancel) { }
}