items & itemsIndexed
Tampilkan kumpulan baris data.
items & itemsIndexed adalah pelajaran Jetpack Compose Academy gratis di CoddyKit. Ini adalah pelajaran 2 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.
Dari Data Menjadi Baris
Data Anda biasanya berada dalam sebuah daftar, seperti List yang berisi string atau objek. Blok elemen mengubah setiap elemen menjadi satu baris di layar.
Fungsi Elemen
Panggil elemen dengan koleksi dan lambda Anda. Compose menjalankan lambda tersebut untuk setiap elemen yang perlu ditampilkan.
LazyColumn {
items(fruits) { fruit ->
Text(fruit)
}
}Parameter Elemen
Lambda menerima satu elemen setiap kali. Beri nama yang jelas, seperti buah atau pengguna, lalu buat UI dari nilai tunggal tersebut.
items(users) { user ->
Text(user.name)
}Buat Satu Baris Utuh
Lambda dapat berisi tata letak apa pun, bukan hanya Text. Bungkus beberapa composable dalam Row untuk membuat item daftar yang lebih kaya.
items(users) { user ->
Row { Text(user.name); Text(user.age.toString()) }
}Saat Anda Memerlukan Posisi
Terkadang Anda memerlukan indeks baris, misalnya untuk menampilkan nomor peringkat atau warna bergantian. Elemen biasa tidak memberikan informasi tersebut.
Kenali itemsIndexed
Gunakan itemsIndexed saat Anda memerlukan posisi. Lambdanya menerima indeks dan elemen secara bersamaan.
itemsIndexed(songs) { index, song ->
Text("$index: $song")
}Indeks Berada di Urutan Pertama
Urutan itu penting: dalam itemsIndexed, indeks adalah parameter pertama dan elemen adalah parameter kedua. Menukar keduanya merupakan kesalahan yang umum.
itemsIndexed(tasks) { i, task ->
Text("Step ${i + 1}: $task")
}Penomoran Menjadi Mudah
Indeks dimulai dari nol, jadi tambahkan satu untuk penomoran yang mudah dipahami manusia. Dengan begitu, daftar peringkat atau langkah demi langkah terasa alami.
Tambahkan Satu Baris Tetap
Memerlukan satu baris mandiri, seperti kepala atau kaki daftar? Gunakan item (tunggal) untuk satu bagian konten di antara blok elemen Anda.
LazyColumn {
item { Text("My List") }
items(data) { Text(it) }
}Padukan dengan Bebas
Di dalam satu LazyColumn, Anda dapat menggabungkan beberapa pemanggilan item dan elemen. Keduanya ditampilkan sesuai urutan deklarasinya.
Pilih Alat yang Tepat
Gunakan elemen saat elemen saja sudah cukup, dan itemsIndexed saat Anda juga memerlukan posisi setiap baris. Hanya itu yang perlu dipilih.
Pemeriksaan Cepat
Pilih pembuat yang tepat untuk tugas tersebut.
Ringkasan: items dan itemsIndexed
Gunakan elemen untuk memetakan data menjadi baris, itemsIndexed saat Anda memerlukan posisi, dan item untuk satu baris tetap. Padukan semuanya dengan bebas. 🎯
Belajar Kotlin dengan tutor AI — gratis
Tulis dan jalankan kode asli di browser kamu, dapatkan bantuan instan dari tutor AI 24/7, dan lanjutkan di mana kamu tinggalkan di web atau aplikasi.
- Kursus
- 30
- Pelajaran
- 120
Pertanyaan yang Sering Diajukan
Apakah pelajaran “items & itemsIndexed” gratis?
Ya — teks lengkap “items & itemsIndexed” 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 “items & itemsIndexed”?
Tampilkan kumpulan baris data. 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 2 dari 4.
Berapa lama pelajaran “items & itemsIndexed” 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
- LazyColumn vs Column yang Dapat Digulir
- items & itemsIndexed
- Kunci untuk Daftar Stabil dan Cepat
- Header Lengket & Daftar Bagian