Menu
Coddy logo textTech

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
}
challenge icon

Desafío

Principiante

Reemplaza 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()
        }
    }
}
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