Flutter Widget ListTile

  • author-image

    Kurnia Andi Nugroho

  • blog-tag flutter, flutter basics, dasar flutter, widget flutter, tutorial flutter widget, widget listtile, flutter bahasa
  • blog-comment 0 comment
  • dilihat 363 kali
  • 09 Feb, 2025
blog-thumbnail

WIDGET LISTTILE

adalah sebuah widget yang digunakan dalam pengembangan aplikasi mobile (seperti Flutter atau Android) untuk membuat sebuah elemen list tile. ListTile biasanya digunakan sebagai bagian dari sebuah daftar (list) yang memuat informasi tertentu, seperti judul, deskripsi, atau gambar. Widget ListTile memungkinkan pengembang aplikasi untuk membuat list tile yang bisa dikustomisasi sesuai dengan kebutuhan aplikasi dan memberikan interaksi yang baik bagi pengguna.

PROPERTI

Berikut adalah beberapa properti umum yang tersedia pada widget ListTile dalam Flutter:

  • title: menentukan teks yang ditampilkan sebagai judul list tile.
  • subtitle: menentukan teks yang ditampilkan sebagai subjudul list tile.
  • leading: menentukan widget yang ditampilkan sebagai icon atau gambar di sebelah kiri list tile.
  • trailing: menentukan widget yang ditampilkan sebagai icon atau gambar di sebelah kanan list tile.
  • isThreeLine: menentukan apakah list tile harus memiliki subjudul (subtitle) atau tidak. Nilai default-nya adalah false.
  • dense: menentukan apakah list tile harus memiliki jarak yang lebih rendah atau tidak. Nilai default-nya adalah false.
  • enabled: menentukan apakah list tile bisa diklik atau tidak. Nilai default-nya adalah true.
  • selected: menentukan apakah list tile harus ditandai sebagai dipilih atau tidak. Nilai default-nya adalah false.
  • onTap: menentukan aksi yang akan dilakukan ketika list tile diklik.
  • onLongPress: menentukan aksi yang akan dilakukan ketika list tile ditekan lama.

EXAMPLE

Berikut adalah contoh sintaks widget ListTile dalam Flutter:

ListTile(
  title: Text('Judul'),
  subtitle: Text('Subjudul'),
  leading: Icon(Icons.person),
  trailing: Icon(Icons.arrow_forward),
  onTap: () {
    // aksi ketika list tile diklik
  },
)
  • title: digunakan untuk menentukan teks yang ditampilkan sebagai judul list tile.
  • subtitle: digunakan untuk menentukan teks yang ditampilkan sebagai subjudul list tile.
  • leading: digunakan untuk menentukan widget yang ditampilkan sebagai icon atau gambar di sebelah kiri list tile.
  • trailing: digunakan untuk menentukan widget yang ditampilkan sebagai icon atau gambar di sebelah kanan list tile.
  • onTap: digunakan untuk menentukan aksi yang akan dilakukan ketika list tile diklik.

Contoh di atas hanya sebagai contoh sintaks dasar dari widget ListTile. Kita bisa menambahkan atau mengubah properti lain sesuai dengan kebutuhan aplikasi yang kita kerjakan.

author_photo
Kurnia Andi Nugroho

Web & Mobile App Developer, Laravel, Inertia, Vue.Js, React.Js

Founder of Lagikoding.com Laravel Enthusiast & Web Developer