Bạn có thể hiển thị các mục cuộn lồng nhau trong một danh sách để trình bày các bố cục phức tạp, chẳng hạn như danh mục sản phẩm, thư viện nội dung nghe nhìn, nguồn cấp tin tức, v.v.
Khả năng tương thích của phiên bản
Phương thức triển khai này yêu cầu bạn phải đặt minSDK của dự án thành API cấp 21 trở lên.
Phần phụ thuộc
Triển khai tính năng cuộn ngang lồng nhau trong danh sách dọc
Mã sau đây tạo một danh sách cuộn theo hai cách. Các hàng của danh sách cuộn theo chiều ngang; toàn bộ danh sách (một cột duy nhất) cuộn theo chiều dọc.
@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 ) } } } } }
Kết quả
Video sau đây cho thấy hành vi của các danh sách ngang lồng nhau trong một danh sách cuộn theo chiều dọc.
Các bộ sưu tập chứa hướng dẫn này
Hướng dẫn này là một phần của các bộ sưu tập Hướng dẫn nhanh được tuyển chọn này, bao gồm các mục tiêu phát triển Android rộng hơn:
![](https://developer.android.google.cn/static/images/quick-guides/collection-illustration.png?hl=vi)
Hiển thị danh sách hoặc lưới
![](https://developer.android.google.cn/static/images/quick-guides/collection-illustration.png?hl=vi)
Hiển thị các thành phần tương tác
![](https://developer.android.google.cn/static/images/quick-guides/collection-illustration.png?hl=vi)