progress_indicator_button

套件介紹

根據套件公開資料產生的選型評估，僅供參考。

一個 Flutter 套件，提供一個可自訂的按鈕，能在表單提交或載入狀態等操作期間轉換為進度指示器。它透過視覺方式顯示進行中的過程，無需額外元件來提升使用者體驗。按鈕會順暢地從標準狀態動畫轉換為載入旋轉圖示或自訂進度 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

搜尋套件、儲存庫與 APP 分類

安裝套件