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.
Desafío
IntermedioCuando 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()
}
}
}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
2Mostrar contenido
Vistas de textoNúmeros en el textoFuentesColoresSF SymbolsRepaso: etiqueta de precioPractica por tu cuenta: Playground de Swift