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

リストとページングを使用してデータを遅延読み込みする

遅延読み込みとページングを使用すると、データを段階的に読み込んで表示することで、アプリでアイテムの大量のリスト（無限リストを含む）をサポートできます。この手法により、初期読み込み時間を短縮し、メモリ使用量を最適化してパフォーマンスを向上させることができます。

バージョンの互換性

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

依存関係

ページングされたコンテンツを表示する

ページングライブラリを使用すると、ローカルストレージまたはネットワーク経由で取得した大規模なデータセットからデータのページを読み込んで表示できます。次のコードを使用して、ページネーションされたリストを表示し、進行状況バーを表示して、さらにデータが取得されていることをユーザーに示します。

@Composable
fun MessageList(
    modifier: Modifier,
    pager: Pager<Int, Message>
) {
    val lazyPagingItems = pager.flow.collectAsLazyPagingItems()

    LazyColumn {
        items(
            lazyPagingItems.itemCount,
            key = lazyPagingItems.itemKey { it.id }
        ) { index ->
            val message = lazyPagingItems[index]
            if (message != null) {
                MessageRow(message)
            } else {
                MessagePlaceholder()
            }
        }
    }
    @Composable
    fun MessagePlaceholder(modifier: Modifier) {
        Box(
            Modifier
                .fillMaxWidth()
                .height(48.dp)
        ) {
            CircularProgressIndicator()
        }
    }

    @Composable
    fun MessageRow(
        modifier: Modifier,
        message: Message
    ) {
        Card(modifier = Modifier.padding(8.dp)) {
            Column(
                modifier = Modifier.padding(8.dp),
                verticalArrangement = Arrangement.Center
            ) {
                Text(message.sender)
                Text(message.text)
            }
        }
    }
}LazyListSnippets.kt

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

LazyColumn: このコンポーザブルは、アイテム（メッセージ）の大きなリストを効率的に表示するために使用されます。画面に表示されているアイテムのみをレンダリングするため、リソースとメモリを節約できます。
lazyPagingItems オブジェクトは、LazyColumn 内のページングデータの読み込みと表示を効率的に管理します。LazyPagingItems を LazyColumn コンポーザブルの items に渡します。
MessageRow(message: Text) は個々のメッセージアイテムのレンダリングを担当します。カード内に送信者とメッセージのテキストを表示します。
MessagePlaceholder() は、実際のメッセージデータが取得されている間、視覚的なプレースホルダ（読み込みスピナー）を表示して、ユーザーエクスペリエンスを向上させます。