Эта страница переведена с помощью Cloud Translation API.

Отображать вложенные элементы прокрутки в списке

Вы можете отображать вложенные элементы прокрутки в списке для представления сложных макетов, таких как каталоги продуктов, медиа-галереи, ленты новостей и т. д.

Совместимость версий

Для этой реализации требуется, чтобы для minSDK вашего проекта был установлен уровень API 21 или выше.

Зависимости

Реализовать вложенную горизонтальную прокрутку в вертикальном списке.

Следующий код создает список, который прокручивается в двух направлениях. Строки списка прокручиваются горизонтально; список в целом (один столбец) прокручивается вертикально.

@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

Результаты

В следующем видео показано итоговое поведение вложенных горизонтальных списков в списке с вертикальной прокруткой.

Коллекции, содержащие это руководство

Это руководство является частью тщательно подобранной коллекции быстрых руководств, охватывающих более широкие цели разработки Android:

Отобразить список или сетку

Списки и сетки позволяют вашему приложению отображать коллекции в визуально приятной форме, удобной для использования пользователями.

Сборник кратких руководств

Отображать интерактивные компоненты

Узнайте, как компонуемые функции позволяют легко создавать красивые компоненты пользовательского интерфейса на основе системы дизайна Material Design.

Сборник кратких руководств