Menu
Coddy logo textTech

Hojas y alertas

Parte de la sección Introducción a SwiftUI del Journey de Swift de Coddy. Lección 37 de 50.

Una hoja desliza una vista hacia arriba sobre la pantalla actual. Se muestra mientras un estado Bool es verdadero:

@State private var showHelp = false

Button("Help") { showHelp = true }
    .sheet(isPresented: $showHelp) {
        Text("Swipe down to close")
    }

Una alerta hace una pregunta breve. Funciona de la misma manera, con un título, botones y un mensaje opcional:

Button("Delete") { askDelete = true }
    .alert("Delete photo?", isPresented: $askDelete) {
        Button("Delete", role: .destructive) { deletePhoto() }
        Button("Cancel", role: .cancel) { }
    } message: {
        Text("This cannot be undone.")
    }

Tocar cualquiera de los botones de la alerta ejecuta su acción y cierra la alerta, estableciendo el estado de nuevo en false. Dentro de una hoja, @Environment(\.dismiss) var dismiss proporciona una acción dismiss() que la cierra desde el código.

challenge icon

Desafío

Intermedio

Cuando el usuario pulse Save, muestra una alerta titulada Saved! con el mensaje Your note is stored. y un botón OK. Usa el estado showSaved.

Pruébalo tú mismo

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz iconPonte a prueba

Esta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.

Todas las lecciones de Introducción a SwiftUI

Practica por tu cuenta: Playground de Swift