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
}Tantangan
PemulaGanti 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()
}
}
}Pelajaran ini berisi kuis singkat. Mulai pelajarannya untuk menjawab kuis dan melacak progresmu.
Semua pelajaran di Pengenalan SwiftUI
Latihan sendiri: Playground SwiftUI