Flutter Animation Progress Bar下载-Flutter Flutter Animation Progress Bar源代码下载

Flutter Animation Progress Bar

其他源码

1.0.0

下载

扑动动画进度栏

这个五颜六色的小部件软件包旨在以反应性样式显示动画进度栏。它还支持垂直和水平条。

扑来创造竞赛

此软件包也是扑打创建比赛的提交。本次比赛的基本规则是测量较小或等于5KB的总飞镖文件大小。

解压缩压缩文件后，运行以下命令以更新依赖项：

 flutter packages get

评估所有飞镖文件的总尺寸：

 find . -name "*.dart" ! -name "*test*"  | xargs cat | wc -c

仅评估包装DART代码：

 find . -name "*.dart" ! -name "*test*" ! -path "*example*"  | xargs cat | wc -c

要运行具有总尺寸的DART代码的简单示例应用程序较小或等于5KB：

 cd example
flutter clean
flutter run

使用“ R”重新启动应用程序来重播动画

运行完整的示例应用程序：

 cd example
mv lib/main.dart tmp && mv lib/main.dart.bk lib/main.dart && mv tmp lib/main.dart.bk
flutter clean
flutter run

使用内置的浮动动作按钮更改值并查看效果

入门

为了使用此软件包，请导入

 import 'package:flutter_animation_progress_bar/flutter_animation_progress_bar.dart' ;

基本实施可以像以下代码一样完成：

 import 'package:flutter/widgets.dart' ;
import 'package:flutter_animation_progress_bar/flutter_animation_progress_bar.dart' ;

void main () {
  runApp (
    Center (
        child : FAProgressBar (
      currentValue : 80 ,
      displayText : '%' ,
    )),
  );
}

示例应用程序

您可以从示例应用程序中找到更多示例

API

在此表中，您可以找到此软件包提供的所有属性：

属性	默认值	描述
电流值	0	设置进度栏的当前值。该值应该以状态为单位，以便每当调用setState（）时，进度条将触发从最新CurrentValue到New CurrentValue的动画
MaxValue	100	最大值将显示为进度栏。当前值可能大于最大值
尺寸	30	杆高，如果方向在轴上。杆宽如果轴的方向。
动画	固定持续时间（毫秒：300）	将持续时间设置为动画周期
方向	Axis.Horizontal	条形可以在轴上。Horizontal或Axis。垂直方向
垂直方向	垂直导向	在垂直方向上，条可以是垂直方向。UP或垂直方向。
Borderradius	8	设置条形边界半径
边界	`null`	通过BoxBorder设置条形边界样式
背景色	const颜色（0x00ffffff）	设置条背景颜色
ProgressColor	const颜色（0xfffa7268）	设置栏的进度颜色
进度级	`null`	设置条形进展梯度。覆盖`progressColor`
ChangeColorValue	`null`	设置一个值，应将进度颜色更改为 [0 ---蓝色---- [ 70 ] -RED-100]
ChangeProgressColor	const颜色（0xff5f4b8b）	每当电流值大于changeColorValue时，进展的颜色将更改为
DisplayText	`null`	带有CurrentValue的文本。示例： `%` - > `20%` `°F` > `80°F`
DisplayTextStyle	...	DisplayText的文本风格

对象

 class FAProgressBar {

  final double currentValue;
  final double maxValue;
  final double size;
  final Duration animatedDuration;
  final Axis direction;
  final VerticalDirection verticalDirection;
  final double borderRadius;
  final BoxBorder border;
  final Color backgroundColor;
  final Color progressColor;
  final Gradient progressGradient;
  final int changeColorValue;
  final Color changeProgressColor;
  final String displayText;
  final TextStyle displayTextStyle;
}