Jetpack Compose Academy · Pelajaran

LazyColumn vs Column yang Dapat Digulir

Pahami alasan daftar malas dapat berkembang dengan baik.

LazyColumn vs Column yang Dapat Digulir adalah pelajaran Jetpack Compose Academy gratis di CoddyKit. Ini adalah pelajaran 1 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Jetpack Compose Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Jetpack Compose Academy mencakup 4 pelajaran total.

Bagian dari pelajaran ini belum diterjemahkan dan ditampilkan dalam bahasa Inggris.

The Long-List Problem

When a list has hundreds of rows, you can't draw them all at once. You need a list that only builds what's actually visible on screen.

A Plain Column Builds Everything

A regular Column composes every single child immediately, even rows far below the screen. With long data, that wastes memory and time.

Column {
    items.forEach { Text(it) }
}

Column Needs verticalScroll

A plain Column doesn't even scroll on its own. You must add a verticalScroll modifier just to move past the screen edge.

Column(Modifier.verticalScroll(rememberScrollState())) {
    items.forEach { Text(it) }
}

Meet LazyColumn

A LazyColumn is the scrollable list built for big data. It composes rows on demand as you scroll, so the cost stays small. 🚀

LazyColumn {
    // items go here
}

Lazy Means On Demand

"Lazy" means a row is only created when it scrolls into view. Off-screen items simply don't exist yet, which keeps things fast and light.

Reuse, Not Rebuild

As rows leave the top, LazyColumn recycles them for new rows entering the bottom. A few dozen rows can serve thousands of items.

The items Block

Inside LazyColumn you describe content with an items block instead of a normal loop. Compose decides which ones to actually build.

LazyColumn {
    items(names) { name ->
        Text(name)
    }
}

Scrolling Is Built In

LazyColumn scrolls by default, so you never wrap it in verticalScroll. Adding one would actually cause a crash.

When a Column Is Fine

For a few fixed rows that all fit on screen, a plain Column is simpler and perfect. Reach for LazyColumn only when the list can grow.

Never Nest the Same Direction

Avoid putting a LazyColumn inside a vertically scrolling Column. The two scroll directions clash, and Compose can't measure the height.

Performance Is the Payoff

The big win is performance: smooth scrolling and steady memory no matter how long the data gets. That's why lazy lists scale.

Quick Check

Time to test which list to reach for.

Recap: Lazy Wins for Big Lists

A Column builds everything up front and needs verticalScroll; a LazyColumn builds rows on demand, recycles them, and scales effortlessly. 🎉

Pertanyaan yang Sering Diajukan

Apakah pelajaran “LazyColumn vs Column yang Dapat Digulir” gratis?

Ya — teks lengkap “LazyColumn vs Column yang Dapat Digulir” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Jetpack Compose Academy, upgrade ke CoddyKit PRO. Kursus Jetpack Compose Academy mencakup 4 pelajaran total.

Apa yang akan aku pelajari di “LazyColumn vs Column yang Dapat Digulir”?

Pahami alasan daftar malas dapat berkembang dengan baik. Kamu berlatih Jetpack Compose Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai Jetpack Compose Academy?

Tidak diperlukan pengalaman sebelumnya. Jetpack Compose Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 1 dari 4.

Berapa lama pelajaran “LazyColumn vs Column yang Dapat Digulir” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran Jetpack Compose Academy ini?

Ya. Setiap pelajaran Jetpack Compose Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

← Kembali ke Jetpack Compose Academy