Trang này được dịch bởi Cloud Translation API.

Hiển thị các mục cuộn lồng nhau trong danh sách

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
                    )
                }
            }
        }
    }
}NestedScrollingItem.kt

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:

Hiển thị danh sách hoặc lưới

Danh sách và lưới cho phép ứng dụng của bạn hiển thị các bộ sưu tập ở dạng hình ảnh dễ nhìn và dễ sử dụng cho người dùng.

Bộ sưu tập hướng dẫn nhanh

Hiển thị các thành phần tương tác

Tìm hiểu cách các hàm có khả năng kết hợp giúp bạn dễ dàng tạo các thành phần giao diện người dùng đẹp mắt dựa trên hệ thống thiết kế Material Design.

Bộ sưu tập hướng dẫn nhanh