Menu
CoddyTech

Tombol

Termasuk bagian Pengenalan SwiftUI dalam perjalanan Swift di Coddy. Pelajaran 19 dari 50.

Button menampilkan label dan menjalankan tindakan saat diketuk. Bentuk paling singkat menerima judul dan closure:

Button("Sign in") {
    // dijalankan saat tombol diketuk
}

Untuk label khusus, teruskan tindakan terlebih dahulu, lalu buat label dalam closure kedua:

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

.buttonStyle(.borderedProminent) memberikan tombol berisi warna, dan role: .destructive menandai tindakan yang menghapus sesuatu, sehingga tombol ditampilkan dalam warna merah:

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

Tantangan

Pemula

Ganti teks dengan Button berjudul Order coffee. Untuk saat ini, aksinya bisa dibiarkan kosong. Berikan style tombol .borderedProminent.

Coba sendiri

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz iconUji dirimu

Pelajaran ini berisi kuis singkat. Mulai pelajarannya untuk menjawab kuis dan melacak progresmu.

Semua pelajaran di Pengenalan SwiftUI

Latihan sendiri: Playground SwiftUI