Menampilkan item scroll bertingkat dalam daftar
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Anda dapat menampilkan item scroll bertingkat dalam daftar untuk menampilkan tata letak yang kompleks,
seperti katalog produk, galeri media, feed berita, dan lainnya.
Kompatibilitas versi
Implementasi ini mengharuskan minSDK project Anda ditetapkan ke API level 21 atau
yang lebih tinggi.
Dependensi
Kode berikut menghasilkan daftar yang di-scroll dua arah. Baris daftar
di-scroll secara horizontal; daftar secara keseluruhan—satu kolom—di-scroll secara vertikal.
@Composable
fun NestedScrollingRowsList(urls: List<String>) {
LazyColumn {
items(10) {
LazyRow {
item { Text("Row: $it") }
items(urls.size) { index ->
// AsyncImage provided by Coil.
AsyncImage(
model = urls[index],
modifier = Modifier.size(150.dp),
contentDescription = null
)
}
}
}
}
}
Hasil
Video berikut menunjukkan perilaku yang dihasilkan dari daftar horizontal bertingkat
dalam daftar scroll vertikal.
Koleksi yang berisi panduan ini
Panduan ini adalah bagian dari koleksi Panduan Cepat pilihan yang membahas
sasaran pengembangan Android yang lebih luas:
Menampilkan daftar atau petak
Daftar dan petak memungkinkan aplikasi Anda menampilkan koleksi dalam
bentuk yang menarik secara visual dan mudah digunakan oleh pengguna.
Menampilkan komponen interaktif
Pelajari cara fungsi composable dapat memudahkan Anda
membuat komponen UI yang menarik berdasarkan sistem desain
Desain Material.
Dasar-dasar Compose (koleksi video)
Rangkaian video ini memperkenalkan berbagai Compose API,
yang dengan cepat menunjukkan kepada Anda apa yang tersedia dan cara menggunakannya.
Konten dan contoh kode di halaman ini tunduk kepada lisensi yang dijelaskan dalam Lisensi Konten. Java dan OpenJDK adalah merek dagang atau merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2025-02-06 UTC.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2025-02-06 UTC."],[],[]]