このページは Cloud Translation API によって翻訳されました。

ネストされたスクロールアイテムをリストに表示する

リスト内にネストされたスクロールアイテムを表示して、商品カタログ、メディアギャラリー、ニュースフィードなどの複雑なレイアウトを表示できます。

バージョンの互換性

この実装では、プロジェクトの minSDK を API レベル 21 以上に設定する必要があります。

依存関係

縦型リストにネストされた水平スクロールを実装する

次のコードは、2 方向にスクロールするリストを生成します。リストの行は横方向にスクロールし、リスト全体（1 つの列）は縦方向にスクロールします。

@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