トップのフラッターインジケーター:ローディング、リフレッシュ、プログレスパッケージ インジケーターは、ネットワークリクエストのステータス、アセットまたは画像の読み込みの状態、またはタスクの進行状況など、特定のタスクやプロセスの状態を示す小さなアニメーション付きのグラフィカルなアイコン(スピナーと呼ばれる)です。多くのインジケーターには、アプリケーションやプロセスの状態に関する追加情報を提供するテキストラベルも含まれています。 Flutterアプリケーションでは、非同期の操作が実行されることがあり、この操作が進行中の間、ユーザーがボタンを二度タップしたり、入力を変更したりすることを防止する必要があります。操作が非常に迅速な場合でも、ネットワーク接続やその他の理由により、少し時間がかかることがあります。ボタンを二度タップするのを防ぐために、操作が進行中の間、オーバーレイにローディングインジケーターを表示するという問題を解決するために、ヘッズアップディスプレイ(HUD)インジケーターとも呼ばれるオーバーレイインジケーターが表示されます。 機能に基づいて、Flutterで利用可能なさまざまなタイプのインジケーターは次のとおりです: * **ローディングインジケーター** - タスクが実行中の間にアニメーションする円形または線形のインジケーターです。インジケーターの他に、「ロード中」というテキストと組み合わせることもできます。 * **プログレスインジケーター** - プログレスインジケーターはローディングインジケーターと似ており、タスクの進行状況の割合や進行の段階など、進行中のプロセスのステータスについてユーザーに通知します。また、利用可能なアクションを伝えることもできます。たとえば、ハイパーローカルデリバリーアプリでは、支払いステップが完了すればユーザーは画面から移動できますが、プログレスインジケーターは引き続きアップデートされます。 * **リフレッシュインジケーター** - ユーザーがスワイプしてデータをリフレッシュするためのコールバックメソッドをトリガーする縦スワイプを実行すると、独特の進行バーが表示されます。この進行状況インジケーターはリフレッシュインジケーターとも呼ばれます。 Flutterアプリにローディングインジケーター、プログレスインジケーター、リフレッシュインジケーター、またはヘッズアップディスプレイ(HUD)インジケーターを追加するためのFlutterパッケージの完全なリストは以下の通りです。
flutter_easyloading
2058
Flutterのクリーンで軽量なローディング/トーストウィジェットで、コンテキストなしでも簡単に使用できます。iOS、Android、Webをサポートしています
loading_animation_widget
1543
アプリがロード状態にある場合や何かが予測できない時間で処理されている場合にローディングアニメーションを表示するために使用されるローディングアニメーションまたはローダーです
modal_progress_hud
483
モーダルプログレスインジケータウィジェット (HUD = heads-up display)。非同期呼び出し中に他のウィジェットへのアクセスをブロックするために別のウィジェットでラップします。カスタムのスピナーも受け入れます
flutter_animation_progress_bar
221
リアクティブスタイルでアニメーションの進行状況を示す多彩なFlutterウィジェットパッケージです。垂直および水平バーもサポートしています
loading_overlay
176
フェードインとフェードアウトするモーダルプログレスインジケータウィジェット。非同期呼び出し中に他のウィジェットへのアクセスをブロックするために別のウィジェットでラップします
flutter_overlay_loader
108
リモートデータの取得や長時間実行される非同期タスクの管理のためのシンプルなFlutterパッケージです。Flutterオーバーレイローダーは使いやすいです
loading_gifs
81
ローディングインジケータ GIF。さまざまなサイズの Material および Cupertino (Android および iOS) のローディングインジケータ。リモート画像アセットの読み込み中のプレースホルダとして使用できます
liquid_progress_indicator_v2
71
Flutter で Flutter の ProgressIndicator と同様に機能する水のような効果を持つ進行インジケーター。Flutter 3.10 の後の問題を修正するためのものです
pull_to_refresh_notification
60
PullToRefreshNotificationとPullToRefreshContainerを使用して、プルダウンジェスチャで簡単にリフレッシュ効果を作成するためのFlutterプラグインです
future_progress_dialog
32
非同期タスクのためのシンプルなプログレスダイアログライブラリです。FutureProgressDialogは、showDialog関数を呼び出すと開始しますが、futureタスクが終了すると自動的に終了します