DEV Community

Sho Nabil
Sho Nabil

Posted on

Blog dasar-dasar widget di flutter

1. Stateless Widget

• Tidak memiliki state (keadaan) yang berubah.
• Digunakan untuk elemen statis seperti teks atau ikon.
Contoh: Judul, logo, atau gambar statis.

2. Stateful Widget

• Memiliki state yang dapat berubah sepanjang waktu.
• Digunakan untuk elemen interaktif seperti tombol dan form.
Contoh: Form input, slider, atau counter.
Berikut adalah beberapa widget dasar yang paling sering digunakan dalam
Flutter:

1. Container
Digunakan untuk membungkus widget lain dan memberi properti tambahan seperti padding, margin, warna latar belakang, dan border.
Contoh Penggunaan: Sebagai kotak dengan background warna atau memberi padding pada teks.

2. Row dan Column
Row: Menyusun widget secara horizontal (berdampingan).
Column: Menyusun widget secara vertikal (berurutan dari atas ke bawah).
Contoh Penggunaan: Layout untuk kartu produk, daftar menu, atau item navigasi.

3. Text
Digunakan untuk menampilkan teks dengan gaya dan ukuran yang dapat dikustomisasi.
Contoh Penggunaan: Judul halaman, paragraf, atau label pada tombol.

4. Image
Digunakan untuk menampilkan gambar dari URL, assets lokal, atau memori.
Contoh Penggunaan: Gambar produk, avatar pengguna, atau banner.

5. Scaffold
Merupakan kerangka dasar layout untuk membuat halaman dengan struktur seperti AppBar, Body, dan Floating Action Button.
Contoh Penggunaan: Layout halaman utama dengan AppBar di atas dan konten di tengah.

Top comments (0)