ListView & ListTile

Scrollable List 📜

ListView.builder

Cara paling efisien untuk menampilkan list data yang banyak (ratusan/ribuan) karena ia hanya menggambar apa yang terlihat di layar.

ListView.builder(
  itemCount: data.length,
  itemBuilder: (context, index) {
    return ListTile(
      leading: CircleAvatar(child: Text("${index + 1}")),
      title: Text("Item ke-${index + 1}"),
      subtitle: Text("Deskripsi item"),
      trailing: Icon(Icons.chevron_right),
      onTap: () => print("Klik item $index"),
    );
  },
)

Scroll Direction

ListView bisa dibuat horizontal dengan scrollDirection: Axis.horizontal.