Menu
Coddy logo textTech

Boutons

Fait partie de la section Introduction à SwiftUI du Journey Swift de Coddy. Leçon 19 sur 50.

Un Button affiche un libellé et exécute une action lorsqu’on appuie dessus. La forme la plus courte prend un titre et une closure :

Button("Sign in") {
    // s'exécute lorsque le bouton est tapé
}

Pour créer une étiquette personnalisée, passez d’abord l’action et construisez l’étiquette dans une seconde closure :

Button {
    // action
} label: {
    Label("Add to cart", systemImage: "cart")
}

.buttonStyle(.borderedProminent) donne un bouton rempli, et role: .destructive indique une action qui supprime quelque chose, ce qui l’affiche en rouge :

Button("Delete", role: .destructive) {
    // supprimer
}
challenge icon

Défi

Débutant

Remplace le texte par un Button intitulé Order coffee. Son action peut rester vide pour le moment. Donne-lui le style de bouton .borderedProminent.

Essayez vous-même

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz iconTestez-vous

Cette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.

Toutes les leçons de Introduction à SwiftUI

Entraînez-vous par vous-même : Playground Swift