loading_overlay_pro

パッケージ概要

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

loading_overlay_pro は、カスタマイズ可能なロードアニメーションを備えたシンプルなウィジェットラッパーを提供するFlutterパッケージです。開発者が任意のウィジェットや画面に簡単にロードインジケーターを表示でき、非同期処理中のユーザー体験を向上させます。このパッケージはAndroid、iOS、Web、macOS、Windows、Linuxなど複数のプラットフォームをサポートしており、クロスプラットフォームプロジェクトに適しています。最小限の設定と直感的なAPIにより、既存アプリにスムーズに統合され、滑らかなアニメーションでロード状態を表示します。

用途

API 呼び出し中にロードオーバーレイを表示する
フォームまたはデータ処理の進行状況を表示する
ナビゲーション遷移中のUXの向上
バックグラウンドタスク中にフィードバックを提供する
読み込み状態を伴うプルトゥリフレッシュの実装

主な機能

カスタマイズ可能なロードアニメーション
既存のウィジェットとの簡単な統合
クロスプラットフォーム対応
カスタマイズ可能なオーバーレイの外観
複数の読み込みタイプをサポート
軽量でパフォーマンスに優れる

適している対象

クロスプラットフォームのFlutterアプリを開発する開発者
ロードフィードバックを重視するUXのチーム
シンプルでありながら洗練されたローディングインジケーターを必要とするプロジェクト
頻繁な非同期操作を伴うアプリ
フロントエンド中心のFlutter開発

注意事項

複雑なUIには追加のスタイリングが必要になる場合があります
完全カスタムソリューションと比較して、カスタマイズオプションが限られている
ネストされたオーバーレイによるパフォーマンスへの潜在的影響
非常にアニメーションが豊富またはインタラクティブなローディング画面には適していない
最適な使用には適切な状態管理に依存します

元の README

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

A simple widget wrapper set of loading animations for Flutter projects.

Use animation from loading_animations

Getting Started

Then import the file to your project:

import 'package:loading_overlay_pro/loading_overlay_pro.dart'

Then add the following code:

 LoadingOverlayPro({
    Key key,
    @required this.isLoading,
    @required this.child,
    this.colorBackground = Colors.black54,
    this.progressIndicator = const LoadingBouncingLine.circle(),
  });

Or customize it even more!

LoadingBouncingLine.circle(
  borderColor: Colors.cyan,
  borderSize: 3.0,
  size: 120.0,
  backgroundColor: Colors.cyanAccent,
  duration: Duration(milliseconds: 500),
);

or add header and bottom

      headerLoading: Text("App Name"),
      bottomLoading: Text("Loading..."),

For more customization, please look inside the loading animation files.

Note: all the animations come ready to go just by calling LoadingBouncingLine.square(), for example.

Many basic animations contain .circle() and .square() variations by default.

Example

To run file example, please use flutter 1.19.x or 1.20.x

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