progress_indicator_button

パッケージ概要

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

フォーム送信やロード状態などのアクション中にプログレスインジケーターに切り替えることができるカスタマイズ可能なボタンを提供するFlutterパッケージです。追加のウィジェットを必要とせずに、進行中のプロセスを視覚的に示すことでユーザー体験を向上させます。ボタンは標準状態からスムーズにローディングスピナーまたはカスタムプログレスUIにアニメーションし、完了後に元の形に戻ります。フォーム、認証フロー、および非同期操作中に明確なフィードバックが必要なあらゆるシナリオに最適です。

用途

フォームの送信
認証フロー
読み込み状態インジケーター
非同期操作のフィードバック
ユーザー操作の確認

主な機能

プログレスインジケータへのスムーズな遷移
カスタマイズ可能なロードUI
自動状態管理
完了時のコールバックをサポート
軽量で統合が簡単

適している対象

シンプルなロードボタン
ユーザー向けのフォーム
モバイルアプリのインタラクション
迅速なUIの改善
最小限のセットアップを求める開発者

注意事項

基本的なスタイル設定を超えるカスタマイズが限られている
複雑なアニメーションの組み込みサポートなし
外部の状態管理に依存しています
非常に動的なプログレスバーには適していません
非同期ロジックの手動処理が必要です

元の README

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

Progress Button

A simple button that gives you the possibility to transform into a circular one and shows a progress indicator.

How to use

Container(
    width: 200,
    height: 60,
    child: ProgressButton(
        borderRadius: BorderRadius.all(Radius.circular(8)),
        strokeWidth: 2,
        child: Text(
            "Sample",
            style: TextStyle(
                color: Colors.white,
                fontSize: 24,
            ),
        ),
        onPressed: (AnimationController controller) {
            if (controller.isCompleted) {
                controller.reverse();
            } else {
                controller.forward();
            }
        },
    ),
),

Please check the sample folder for a simple implementation.

Changelog

Please see the Changelog page to know what's recently changed.

Contributions

Feel free to contribute to this project.

If you find a bug or want a feature, but don't know how to fix/implement it, please fill an issue.
If you fixed a bug or implemented a new feature, please send a pull request.

License

This project is licensed under the MIT License - see the LICENSE.md file for details

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

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