Jetpack Compose

LazyColumn: Menampilkan Daftar Data

Penjelasan

LazyColumn menampilkan koleksi data sebagai daftar SCROLLABLE secara efisien — mirip ListView.builder() Flutter, cuma me-render item yang TERLIHAT di layar (lazy loading), penting untuk performa daftar panjang. Isinya ditulis lewat DSL items(list) { item -> ... } di dalam lambda content-nya.

Contoh Konsep

val bahasa = listOf("Kotlin", "Java", "Dart")

LazyColumn {
    items(bahasa) { item ->
        Text(text = item, modifier = Modifier.padding(8.dp))
    }
}

Praktikum

Buat data class Produk(val id: Int, val nama: String). Buat list berisi 3 Produk. Tampilkan sebagai LazyColumn dengan items(), tiap item menampilkan nama produk lewat Text.

Editor Latihan

Ketik/edit bebas di sini untuk latihan — kode ini tidak dijalankan.

Tips

SELALU pakai LazyColumn (bukan Column biasa dibungkus verticalScroll modifier) untuk daftar data yang jumlahnya bisa besar/dinamis — Column biasa langsung merender SEMUA item sekaligus di awal (walau dibungkus scroll modifier), sedangkan LazyColumn cuma merender yang terlihat, jauh lebih hemat memori.

← Kembali Conditional Rendering: if & when Lanjutkan → TextField & Forms