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.

AWS Q Developer image

Your AI Code Assistant

Automate your code reviews. Catch bugs before your coworkers. Fix security issues in your code. Built to handle large projects, Amazon Q Developer works alongside you from idea to production code.

Get started free in your IDE

Top comments (0)

AWS Security LIVE!

Join us for AWS Security LIVE!

Discover the future of cloud security. Tune in live for trends, tips, and solutions from AWS and AWS Partners.

Learn More

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay