Menu
Coddy logo textTech

Botões

Parte da seção Introdução ao SwiftUI do Journey de Swift da Coddy. Lição 19 de 50.

Um Button exibe um rótulo e executa uma ação quando é pressionado. A forma mais curta recebe um título e uma closure:

Button("Sign in") {
    // executa quando o botão é tocado
}

Para obter um rótulo personalizado, passe a ação primeiro e crie o rótulo em um segundo closure:

Button {
    // ação
} label: {
    Label("Add to cart", systemImage: "cart")
}

.buttonStyle(.borderedProminent) fornece um botão preenchido, e role: .destructive indica uma ação que exclui algo, o que a exibe em vermelho:

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

Desafio

Iniciante

Substitua o texto por um Button com o título Order coffee. A ação pode permanecer vazia por enquanto. Dê a ele o estilo de botão .borderedProminent.

Experimente você mesmo

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz iconTeste seus conhecimentos

Esta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.

Todas as lições de Introdução ao SwiftUI

Pratique por conta própria: Playground de Swift