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

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

版本兼容性

此实现要求您的项目 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 设计系统创建美观的 UI 组件。
本系列视频介绍了各种 Compose API,快速展示了哪些可用以及如何使用它们。

有问题或反馈

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