items & itemsIndexed
Paparkan koleksi baris data.
items & itemsIndexed ialah pelajaran Jetpack Compose Academy percuma di CoddyKit. Ini ialah pelajaran 2 daripada 4. Anda boleh membaca keseluruhan pelajaran di bawah secara percuma — kemudian berlatih secara praktikal dalam pelayar menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Jetpack Compose Academy, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Jetpack Compose Academy merangkumi sejumlah 4 pelajaran.
Daripada Data kepada Baris
Data anda biasanya berada dalam senarai, seperti List rentetan atau objek. Blok item menukarkan setiap elemen kepada baris pada skrin.
Fungsi item
Panggil item dengan koleksi dan lambda anda. Compose menjalankan lambda untuk setiap elemen yang perlu dipaparkan.
LazyColumn {
items(fruits) { fruit ->
Text(fruit)
}
}Parameter Elemen
Lambda menerima satu elemen pada satu masa. Namakannya dengan jelas, seperti buah atau pengguna, kemudian bina UI daripada nilai tunggal itu.
items(users) { user ->
Text(user.name)
}Bina Baris Lengkap
Lambda boleh mengandungi sebarang reka letak, bukan Text sahaja. Balut beberapa composable dalam baris untuk menghasilkan item senarai yang lebih lengkap.
items(users) { user ->
Row { Text(user.name); Text(user.age.toString()) }
}Apabila Anda Memerlukan Kedudukan
Kadang-kadang anda memerlukan indeks baris, seperti untuk memaparkan nombor kedudukan atau warna berselang-seli. item biasa tidak memberikannya.
Berkenalan dengan itemsIndexed
Gunakan itemsIndexed apabila anda memerlukan kedudukan. Lambdanya menerima indeks dan elemen secara serentak.
itemsIndexed(songs) { index, song ->
Text("$index: $song")
}Indeks Datang Dahulu
Susunan penting: dalam itemsIndexed, indeks ialah parameter pertama dan elemen ialah parameter kedua. Menukarkan susunan ini ialah kesilapan yang biasa berlaku.
itemsIndexed(tasks) { i, task ->
Text("Step ${i + 1}: $task")
}Penomboran Menjadi Mudah
Indeks bermula pada sifar, jadi tambah satu untuk penomboran yang mudah difahami manusia. Ini menjadikan senarai kedudukan atau langkah demi langkah terasa semula jadi.
Tambah Satu Baris Tetap
Perlukan satu baris tersendiri, seperti pengepala atau pengaki? Gunakan item untuk satu kandungan antara blok item anda.
LazyColumn {
item { Text("My List") }
items(data) { Text(it) }
}Gabungkan Sesuka Hati
Dalam satu LazyColumn, anda boleh menggabungkan beberapa panggilan item dan item. Kandungan akan dipaparkan mengikut susunan yang anda isytiharkan.
Pilih Alat yang Tepat
Gunakan item apabila elemen sahaja sudah mencukupi, dan itemsIndexed apabila anda juga memerlukan kedudukan setiap baris. Itulah keseluruhan pilihannya.
Semakan Pantas
Pilih pembina yang tepat untuk tugas ini.
Imbas Kembali: item dan itemsIndexed
Gunakan item untuk memetakan data kepada baris, itemsIndexed apabila anda memerlukan kedudukan, dan item untuk satu baris tetap. Gabungkan semuanya sesuka hati. 🎯
Pelajari Kotlin dengan tutor kecerdasan buatan — percuma
Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.
- Kursus
- 30
- Pelajaran
- 120
Soalan Lazim
Adakah pelajaran “items & itemsIndexed” percuma?
Ya — teks penuh “items & itemsIndexed” boleh dibaca secara percuma di web ini. Untuk berlatih secara interaktif menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7, serta membuka kunci baki kursus Jetpack Compose Academy, tingkat taraf kepada CoddyKit PRO. Kursus Jetpack Compose Academy merangkumi sejumlah 4 pelajaran.
Apakah yang akan saya pelajari dalam “items & itemsIndexed”?
Paparkan koleksi baris data. Anda berlatih Jetpack Compose Academy menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.
Adakah saya memerlukan pengalaman untuk memulakan Jetpack Compose Academy?
Tiada pengalaman terdahulu diperlukan. Pembelajaran Jetpack Compose Academy di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 2 daripada 4.
Berapa lamakah pelajaran “items & itemsIndexed” diambil?
Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.
Bolehkah saya menulis dan menjalankan kod dalam pelajaran Jetpack Compose Academy ini?
Ya. Setiap pelajaran Jetpack Compose Academy menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.
Semua pelajaran dalam kursus ini
- LazyColumn berbanding Lajur Boleh Tatal
- items & itemsIndexed
- Kunci untuk Senarai Stabil dan Pantas
- Pengepala Lekat & Senarai Bahagian