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

套件詳情v1.2.0

flutter_colored_progress_indicators

一個用於 Flutter 的 CircularProgressIndicator 和 LinearProgressIndicator 的替代動畫進度指示器小部件,帶有 Google 色調強調。

近 30 天下載
43
喜歡數
8
Pub 分數
40

安裝套件

flutter pub add flutter_colored_progress_indicators

套件介紹

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

一個可自定義的動畫進度指示器套件,適用於 Flutter,透過充滿活力的 Google 風格色彩強化預設的 CircularProgressIndicator 和 LinearProgressIndicator。它為載入狀態提供視覺上吸引人的替代方案,具備順暢的動畫與動態色彩過渡。非常適合追求新穎、引人入勝外觀的現代介面,同時不犧牲效能或整合的便利性。此套件支援圓形與線性進度指示器,設定簡單。

適用情境

  • 增強載入畫面
  • 改進表單中的使用者回饋
  • 可視化應用狀態轉換
  • 創造引人入勝的入門體驗
  • 為數據加載指示器增添風采

主要特色

  • Google 顏色強調主題
  • 流暢的動畫過渡
  • 支援圓形與線性指示器
  • 所需最小設定
  • 可自訂的顏色和速度

適合對象

  • 尋求現代 UI 元素的開發者
  • 具有高視覺設計標準的應用程式
  • 需要引人入勝的加載動畫的項目
  • 注重設計的 Flutter 應用程式
  • 希望快速進度指示器升級的團隊

使用建議

  • 有限的平台特定自訂
  • 可能不適合極簡設計美學
  • 需要了解基本的 Flutter widget 概念
  • 未針對極高效能迴圈進行優化
  • 依賴外部 GitHub 倉庫以取得更新

原始 README

以下為關聯原始碼儲存庫的 README 原文快照,最新內容請造訪原始碼儲存庫。

flutter_colored_progress_indicators | flutter flutter


example

An alternate animated progress indicator widget for flutter's CircularProgressIndicator, LinearProgressIndicator and RefreshIndicator with Google color accents.

Features

  • Colorful CircularProgressIndicator
  • Colorful LinearProgressIndicator
  • Colorful RefreshIndicator yes that's it.

Getting Started

In the pubspec.yaml of your flutter project, add the following dependency:

dependencies:
  ...
  flutter_colored_progress_indicators: ^1.2.0

In your library add the following import:

import 'package:flutter_colored_progress_indicators/flutter_colored_progress_indicators.dart';

After that run flutter pub get

For help getting started with Flutter, view the online documentation.

Usage

For Circular Progress Indicator -
...
child: ColoredCircularProgressIndicator()
...
For Linear Progress Indicator -
...
child: ColoredLinearProgressIndicator()
...
For Refresh Indicator -
...
child: ColoredRefreshIndicator(
  child: SingleChildScrollView(
    physics: AlwaysScrollableScrollPhysics(),
    child: ...
  )
)
...

Properties

Same as that of Flutter's official CircularProgressIndicator, LinearProgressIndicator and RefreshIndicator but without the valueColor/color property (because it changes with the color animation).

Changelog

See CHANGELOG.md for recent changes.

TO-DO

  • [x] Merge changes from official flutter dev branch
  • [ ] Shorter names for indicators
  • [x] Google color accents
  • [ ] Animation speed control factor
  • [x] Refactoring

Contributions

You can be of great help if you want to improve or add anything !

  • If you found a bug, open an issue.
  • If you have a feature request, open an issue.
  • If you want to contribute, submit a pull request.

License

Package licensed under the MIT License.

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。