Menampilkan item scroll bertingkat dalam daftar

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

Mengimplementasikan scroll horizontal bertingkat dalam daftar vertikal

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:

Daftar dan petak memungkinkan aplikasi Anda menampilkan koleksi dalam bentuk yang menarik secara visual dan mudah digunakan oleh pengguna.
Pelajari cara fungsi composable dapat memudahkan Anda membuat komponen UI yang menarik berdasarkan sistem desain Desain Material.
Rangkaian video ini memperkenalkan berbagai Compose API, yang dengan cepat menunjukkan kepada Anda apa yang tersedia dan cara menggunakannya.

Ada pertanyaan atau masukan

Buka halaman pertanyaan umum (FAQ) dan pelajari panduan singkat atau hubungi kami dan beri tahu kami pendapat Anda.