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

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

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

Для этой реализации требуется, чтобы для 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
                    )
                }
            }
        }
    }
}

Результаты

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

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

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

Списки и сетки позволяют вашему приложению отображать коллекции в визуально приятной форме, удобной для использования пользователями.
Узнайте, как компонуемые функции позволяют легко создавать красивые компоненты пользовательского интерфейса на основе системы дизайна Material Design.
В этой серии видеороликов представлены различные API Compose, быстро показано, что доступно и как их использовать.

Есть вопросы или отзывы

Перейдите на нашу страницу часто задаваемых вопросов и узнайте о кратких руководствах или свяжитесь с нами и сообщите нам свои мысли.