ALERT en SWIFTUI en Español
Alert en SwiftUI

ALERT en SWIFTUI en Español

Alert en SwiftUI 2.0 es una vista, un popup que aparece al user con un title, message y algún button. Los buttons que se añaden son para que el user interactue con esta vista y así podamos saber que opción han escogido.

SwiftBeta
Aprende SwiftUI desde cero

Alert en SwiftUI 2.0 es una vista, un popup que aparece al user con un title, message y algún button. Los buttons que se añaden son para que el user interactue con esta vista y así podamos saber que opción han escogido.

Hay distintos casos de uso, alguno por ejemplo es si queremos hacer logout en nuestra app, podemos mostrar este popup para que el user confirme si de verdad quiere hacerlo o no.

Alert en código

Para usar un alert en SwiftUI necesitamos el modificador .alert. Este modificador espera dos parámetros de entrada:

  • isPresented: es el primer parámetro y espera una propiedad @State de tipo Bool que ahora crearemos. Le pasaremos esta propiedad que es un booleano, y cuando en la ejecución de nuestra app cambiemos el valor de la propiedad a true, (por ejemplo al pulsar un button) el Alert aparecerá. Y cuando el valor de la propiedad sea false, el Alert desaparecerá. En este caso modificamos el valor de isPresented cuando el user pulsa en el Button Aceptar.
  • content: En este parámetro debemos crear nuestro Alert. En este caso usamos un inicializador que espera un title, message, primary button y secondary button.
struct ContentView: View {
    
    @State var isPresented: Bool = false
    
    var body: some View {
        Text("Suscríbete a SwiftBeta")
            .padding()
        Button("Aceptar") {
            isPresented = true
        }
        .alert(isPresented: $isPresented, content: {
            Alert(title: Text("Suscríbete a SwiftBeta"),
                  message: Text("Cada semana sacamos nuevo video en Youtube"),
                  primaryButton: Alert.Button.default(Text("Aceptar"), action: {
                    print("El user ha pulsado el botón de Aceptar")
                  }),
                  secondaryButton: .destructive(Text("Cancelar")))
        })
    }
}
Código de Alert en SwiftUI

Es muy sencillo añadir un alert en nuestra app, sólo necesitamos usar el modificador .alert y dentro de su content crear la vista Alert.

Hasta aquí el post de hoy, gracias por leernos! 🤓
👉👉 SUSCRÍBETE al CANAL de youtube
Si tienes preguntas no dudes en contactar con nosotros a través de Twitter

Si quieres seguir aprendiendo sobre SwiftUI, Swift, Xcode, o cualquier tema relacionado con el ecosistema Apple


SwiftUI desde cero