Inspirational journeys

Follow the stories of academics and their research expeditions

Flutter Widget ListTile

Kurnia Andi Nugroho

Tue, 17 Sep 2024

Flutter Widget ListTile

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.

0 Comments

Leave a comment

Categories

Recent posts

Variable | React Native

Sun, 29 Oct 2023

Variable | React Native
Type Data | React Native

Mon, 16 Oct 2023

Type Data | React Native
Value & Variable Dart

Mon, 09 Oct 2023

Value & Variable Dart