搜索插件、代码仓与 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,通过充满活力的谷歌风格色彩点缀,增强了默认的 CircularProgressIndicator 和 LinearProgressIndicator。它为加载状态提供了视觉上吸引人的替代方案,具有流畅的动画和动态颜色过渡。非常适合追求新颖、引人入胜外观的现代 UI,同时不牺牲性能或集成的简便性。该包支持圆形和线性进度指示器,设置简单。

适合场景

  • 增强加载屏幕
  • 改进表单中的用户反馈
  • 可视化应用状态转换
  • 创建引人入胜的入门体验
  • 为数据加载指示器增添风采

主要特点

  • 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.

所属分类

源码仓库

使用此插件的项目

暂无相关数据。