Dasar-Dasar Widget di Flutter

Flutter adalah framework open-source dari Google yang digunakan untuk membangun antarmuka aplikasi secara native di berbagai platform, seperti Android, iOS, web, dan desktop. Salah satu konsep utama dalam Flutter adalah widget. Dalam artikel ini, kita akan membahas dasar-dasar widget di Flutter. Apa Itu Widget? Widget adalah elemen dasar dalam antarmuka pengguna Flutter. Segala sesuatu yang terlihat pada layar dalam aplikasi Flutter adalah widget, mulai dari teks, tombol, hingga tata letak. Flutter memiliki dua jenis utama widget: Stateless Widget Stateful Widget Stateless Widget Stateless Widget adalah widget yang tidak dapat berubah setelah dibuat. Artinya, data di dalamnya bersifat tetap (immutable) dan tidak bergantung pada interaksi pengguna atau perubahan status. ## Stateful Widget Stateful Widget adalah widget yang dapat berubah selama aplikasi berjalan. Widget ini memiliki state yang bisa diperbarui kapan saja, misalnya saat pengguna menekan tombol, contoh Stateful Widget: ** **Widget Umum dalam Flutter ** Beberapa widget yang sering digunakan dalam Flutter: Text: Menampilkan teks. Container: Sebagai pembungkus dengan properti seperti padding, margin, dan warna. Row & Column: Menata widget dalam satu baris atau kolom. Stack: Menumpuk widget satu di atas yang lain. ListView: Menampilkan daftar scrollable. ElevatedButton: Tombol dengan efek elevasi. *Contoh penggunaan widget dasar: *

Feb 18, 2025 - 11:29
 0
Dasar-Dasar Widget di Flutter

Flutter adalah framework open-source dari Google yang digunakan untuk membangun antarmuka aplikasi secara native di berbagai platform, seperti Android, iOS, web, dan desktop. Salah satu konsep utama dalam Flutter adalah widget. Dalam artikel ini, kita akan membahas dasar-dasar widget di Flutter.

Apa Itu Widget?

Widget adalah elemen dasar dalam antarmuka pengguna Flutter. Segala sesuatu yang terlihat pada layar dalam aplikasi Flutter adalah widget, mulai dari teks, tombol, hingga tata letak.

Flutter memiliki dua jenis utama widget:

  1. Stateless Widget
  2. Stateful Widget

Stateless Widget

Stateless Widget adalah widget yang tidak dapat berubah setelah dibuat. Artinya, data di dalamnya bersifat tetap (immutable) dan tidak bergantung pada interaksi pengguna atau perubahan status.

Image description

## Stateful Widget

Stateful Widget adalah widget yang dapat berubah selama aplikasi berjalan. Widget ini memiliki state yang bisa diperbarui kapan saja, misalnya saat pengguna menekan tombol, contoh Stateful Widget:

Image description

**

**Widget Umum dalam Flutter

**

Beberapa widget yang sering digunakan dalam Flutter:

  1. Text: Menampilkan teks.
  2. Container: Sebagai pembungkus dengan properti seperti padding, margin, dan warna.
  3. Row & Column: Menata widget dalam satu baris atau kolom.
  4. Stack: Menumpuk widget satu di atas yang lain.
  5. ListView: Menampilkan daftar scrollable.
  6. ElevatedButton: Tombol dengan efek elevasi.

*Contoh penggunaan widget dasar:
*

Image description