本頁面由 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