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

パッケージ詳細v1.2.0

flutter_colored_progress_indicators

Flutter の CircularProgressIndicator および LinearProgressIndicator の代替アニメーション進捗インジケーター・ウィジェットで、Googleカラーのアクセントを備えています。

30日間ダウンロード
43
いいね数
8
Pub ポイント
40

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

flutter pub add flutter_colored_progress_indicators

パッケージ概要

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

Flutter用のカスタマイズ可能なアニメーション付きプログレスインジケーターパッケージで、デフォルトのCircularProgressIndicatorとLinearProgressIndicatorを、活気あるGoogle風のカラーアクセントで強化しています。滑らかなアニメーションとダイナミックな色の遷移を備え、ロード状態に視覚的に魅力的な代替案を提供します。パフォーマンスや統合の容易さを損なわず、現代的なUIに新鮮で魅力的な外観をもたらすのに最適です。パッケージは、最小限のセットアップで円形および線形プログレスインジケーターの両方をサポートしています。

用途

  • ロード画面の向上
  • フォーム内のユーザーのフィードバックを改善する
  • アプリの状態遷移の可視化
  • 魅力的なオンボーディング体験の作成
  • データ読み込みインジケーターに個性を加える

主な機能

  • Googleのカラーアクセントテーマ
  • スムーズなアニメーション遷移
  • 円形および線形インジケーターのサポート
  • 最小構成が必要
  • カスタマイズ可能な色と速度

適している対象

  • 現代のUI要素を探している開発者
  • 高いビジュアルデザイン基準を持つアプリ
  • 魅力的な読み込みアニメーションを必要とするプロジェクト
  • デザインに焦点を当てたFlutterアプリケーション
  • 迅速な進行状況インジケータのアップグレードを希望するチーム

注意事項

  • 限定されたプラットフォーム固有のカスタマイズ
  • ミニマリズムのデザイン美学に合わない可能性があります
  • 基本的なFlutterウィジェットの概念を理解している必要がある
  • 非常に高いパフォーマンスを要求するループには最適化されていない
  • 更新のために外部の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.

カテゴリー

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。