Anda dapat menampilkan tombol untuk memungkinkan pengguna langsung men-scroll ke titik tertentu dalam daftar, sehingga menghemat waktu dan meningkatkan engagement pengguna.
Kompatibilitas versi
Implementasi ini mengharuskan minSDK project Anda ditetapkan ke API level 21 atau yang lebih tinggi.
Dependensi
Membuat tombol untuk mengaktifkan scroll snap
Gunakan kode berikut untuk membuat tombol guna men-scroll snap dengan lancar dalam daftar lambat vertikal dengan 10 item:
@Composable fun MessageList(modifier: Modifier = Modifier) { val listState = rememberLazyListState() val coroutineScope = rememberCoroutineScope() LazyColumn(state = listState, modifier = Modifier.height(120.dp)) { items(10) { index -> Text( modifier = Modifier.height(40.dp), text = "Item $index" ) } } Button(onClick = { coroutineScope.launch { listState.animateScrollToItem(index = 0) } }) { Text(text = "Go top") } }
Poin-poin penting tentang kode
- Menggunakan objek
listState
untuk mengingat status scrollLazyColumn
ke posisi yang dipilih. - Meluncurkan coroutine untuk memanggil
listState.animateScrollToItem
, yang men-scroll ke item yang diindeks saat menganimasikan tindakan scroll.
Hasil
![Daftar yang di-scroll secara vertikal dengan tombol aktif](https://developer.android.com/static/develop/ui/compose/quick-guides/content/snap-scroll.gif?hl=id)
Koleksi yang berisi panduan ini
Panduan ini adalah bagian dari koleksi Panduan Cepat pilihan yang membahas sasaran pengembangan Android yang lebih luas:
![](https://developer.android.com/static/images/quick-guides/collection-illustration.png?hl=id)
Menampilkan daftar atau petak
![](https://developer.android.com/static/images/quick-guides/collection-illustration.png?hl=id)
Menampilkan komponen interaktif
![](https://developer.android.com/static/images/quick-guides/collection-illustration.png?hl=id)