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

複数のアイテムタイプを使用してリストを作成する
コレクションでコンテンツを整理必要に応じて、コンテンツの保存と分類を行います。

複数のアイテムタイプを含むリストを使用すると、テキスト、画像、インタラクティブな要素など、さまざまなコンテンツタイプを表示できます。

バージョンの互換性

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

依存関係

複数のアイテムタイプを追加する

複数のタイプのアイテムを含むリストまたはグリッドをコンポーズする場合は、レイアウトのアイテムごとにコンテンツタイプを指定できます。

@Composable
fun ListWithMultipleItems(messages: List<Any>) {
    LazyColumn {
        items(
            messages.size,
            contentType = { it }
        ) {
            for (message in messages)
                when (message) {
                    is MediaStore.Audio -> AudioMessage(message)
                    is Text -> TextMessage(message)
                }
        }
    }
}

@Composable
fun AudioMessage(message: MediaStore.Audio) {
    TODO("Not yet implemented.")
}

@Composable
fun TextMessage(message: Text) {
    TODO("Not yet implemented.")
}

data class SampleMessage(val text: String, val content: Any)ListWithMultipleItemTypes.kt

コードに関する主なポイント

items() で contentType を設定して、各アイテムのコンテンツタイプを指定します。
各コンテンツタイプを対応するコンポーザブルにマッピングします。たとえば、Audio は、他の場所で定義され、AudioMessage コンポーザブルにマッピングされた contentType です。
Compose は、特定のコンテンツタイプの各アイテムに対してレンダリングされたコンポーザブルを再利用します。