在列表中显示嵌套滚动项目

您可以在列表中显示嵌套滚动项目以呈现复杂的布局,例如产品目录、媒体库、新闻提要等。

版本兼容性

此实现要求您的项目 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
                    )
                }
            }
        }
    }
}

结果

Nested horizontal lists within a vertical scrolling list
图 1. 垂直滚动列表中的嵌套水平列表。

包含本指南的收藏集

本指南是涵盖更广泛 Android 开发目标的这些精选快速指南收藏集的一部分。

列表和网格允许您的应用以用户易于理解的视觉形式显示集合。
了解可组合函数如何让您轻松创建基于 Material Design 设计系统的精美 UI 组件。
本系列视频介绍了各种 Compose API,快速向您展示可用的内容以及如何使用它们。

有问题或反馈?

访问我们的常见问题页面,了解快速指南,或与我们联系并告诉我们您的想法。