Button & Event Handling — CompileDaily Study

Penjelasan

Flutter punya beberapa widget tombol siap pakai: ElevatedButton (tombol dengan bayangan, gaya utama), TextButton (tombol flat), OutlinedButton (tombol dengan border). Semuanya menerima parameter onPressed berupa fungsi yang dipanggil saat diklik — kalau diisi null, tombolnya OTOMATIS jadi disabled (abu-abu, tidak bisa diklik).

Contoh Konsep

ElevatedButton(
    onPressed: () {
        print('Tombol diklik!');
    },
    child: const Text('Klik Aku'),
)

ElevatedButton(
    onPressed: null, // otomatis disabled
    child: const Text('Tidak Bisa Diklik'),
)

Praktikum

Buat method handleKlik() yang mencetak "Tombol ditekan!" lewat print(). Panggil method itu dari onPressed sebuah ElevatedButton.

Editor Latihan

Ketik/edit bebas di sini untuk latihan — kode ini tidak dijalankan.

Tips

Menulis onPressed: null (bukan cuma tidak diisi sama sekali) adalah pola RESMI untuk membuat tombol disabled secara kondisional, mis. onPressed: formValid ? handleSubmit : null — kondisional langsung di parameter tanpa perlu widget/properti disabled terpisah.