パッケージ、リポジトリ、アプリカテゴリを検索

load_items のカバー
パッケージ詳細v0.6.0

load_items

ListView または GridView を下までスクロールすると、さらにアイテムを読み込みます。

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
22
いいね数
6
Pub ポイント
150

パッケージをインストール

flutter pub add load_items

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

load_items パッケージは、ユーザーが ListView や GridView の下端に到達したときに自動的に追加のアイテムを読み込むことで、Flutter における無限スクロールを簡素化します。複雑なカスタムロジックを必要とせずに、ページネーションおよびラグジュアリー読み込みのための明確で再利用可能なソリューションを提供します。既存のスクロール可能ウィジェットとシームレスに統合され、モバイル、Web、デスクトップなど複数のプラットフォームをサポートしています。フィード、製品カタログ、チャット履歴などの長いデータリストを表示するアプリに最適です。最小限の設定で、ユーザーがスクロールするにつれてコンテンツを動的に読み込むことで、ユーザーエクスペリエンスを向上させることができます。

用途

  • 無限スクロールフィード
  • 製品一覧ページ
  • チャットメッセージの読み込み中
  • 動的データグリッド
  • ユーザーのプロフィールタイムライン

主な機能

  • 自動的な下部検出
  • ListView/GridView とのシンプルな統合
  • クロスプラットフォーム対応
  • 設定可能な読み込みしきい値
  • 組み込みの読み込み状態管理

適している対象

  • スクロール可能なリストを構築する開発者
  • 動的なコンテンツを持つアプリ
  • ページネーション重視の UI
  • モバイルおよびWebアプリケーション
  • 遅延読み込みが必要なプロジェクト

注意事項

  • 非同期データ取得の適切な処理が必要です
  • カスタムエラーステートが必要になる場合があります
  • 固定長リストには適していません
  • スクロール位置の正確さに依存します
  • 状態管理ソリューションと最適に組み合わせる

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

load_items

Load new items into either a list or a grid as you scroll down.

screencast

Features

  • load new items when scrolling to the bottom of a ListView or GridView
  • pagination support by passing the previous items to ItemsLoader
  • add custom widget builders for items, loaders and empty widgets
  • configurable ListView and GridView
  • configure when to load more via loadScrollFactor
  • pull-to-refresh to reload data
  • force refresh using a Listenable
  • scroll to top using a Listenable
  • fade out bottom if more option

Example

LoadItems<Item>(
	type: LoadItemsType.grid,
	itemBuilder: (context, Item item, int index) {
		return ListTile(title: item.title);
	},
	itemsLoader: (List<Item> currentItems) {
		return await Api.fetch({skip: currentItems.length});
	},
	gridCrossAxisCount: 3,
)

See example for full list and grid example.

カテゴリー

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。