Botones
Parte de la sección Introducción a SwiftUI del Journey de Swift de Coddy. Lección 19 de 50.
Un Button muestra una etiqueta y ejecuta una acción cuando se pulsa. La forma más breve acepta un título y un cierre:
Button("Sign in") {
// se ejecuta cuando se toca el botón
}Para una etiqueta personalizada, pasa primero la acción y crea la etiqueta en un segundo cierre:
Button {
// acción
} label: {
Label("Add to cart", systemImage: "cart")
}.buttonStyle(.borderedProminent) proporciona un botón relleno, y role: .destructive marca una acción que elimina algo, lo que hace que se muestre en rojo:
Button("Delete", role: .destructive) {
// eliminar
}Desafío
PrincipianteReemplaza el texto con un Button titulado Order coffee. Por ahora, su acción puede permanecer vacía. Asígnale el estilo de botón .borderedProminent.
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 precio5Estado y botones
BotonesLa propiedad @StateEstado verdadero o falsoVistas condicionalesRepaso: contador de puntuaciónPractica por tu cuenta: Playground de Swift