value_animation_progress

Description:

value animation progress

Value Animation Progress #
This library helps explain the amount of user consumption from the value of the Internet package or any value that needs to be clarified by the amount of consumption by Circle Progress Animation

Getting Started #
Parameters #



Name
Type
Usage




value
double
value of progress


gradientCircularProgressColorOne
Color
Gradient Color One in Progress


gradientCircularProgressColorTwo
Color
Gradient Color Two in Progress


gradientCircularProgressColorThree
Color
Gradient Color Three in Progress


duration
Duration
Duration time to complete animations


textSize
double
Text Size for display values


textColor
Color
Text color for display values


cardHeight
double
Text container Height


cardWidth
double
Text container Width


progressStrokeWidth
double
Progress Width


progressRadius
double
Progress Radius


textBackGroundColor
Color
Text container BackGround Color



Usage #
import
import 'package:value_animation_progress/value_animation_progress.dart';
copied to clipboard
Example
class MyHomePage extends StatefulWidget {
MyHomePage({Key key, this.title}) : super(key: key);

final String title;

@override
_MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
/// range is from 1 to 100
double value = 90.0;

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
backgroundColor: Colors.blue,
),
body: Center(
child: ValueAnimationProgress(
value: value,
textSize: 30,
duration: Duration(seconds: 3),
textColor: Colors.white,
cardHeight: 170,
cardWidth: 170,
progressRadius: 120,
progressStrokeWidth: 20,
textBackGroundColor: Colors.blue,
gradientCircularProgressColorOne: Color.fromRGBO(58, 255, 51, 1),
gradientCircularProgressColorTwo: Color.fromRGBO(255, 85, 51, 1),
gradientCircularProgressColorThree: Color.fromRGBO(255, 85, 51, 1),
)),
);
}
}
copied to clipboard
library
ValueAnimationProgress(
value: value,
textSize: 30,
duration: Duration(seconds: 3),
textColor: Colors.white,
cardHeight: 170,
cardWidth: 170,
progressRadius: 120,
progressStrokeWidth: 20,
textBackGroundColor: Colors.blue,
gradientCircularProgressColorOne: Color.fromRGBO(58, 255, 51, 1),
gradientCircularProgressColorTwo: Color.fromRGBO(255, 85, 51, 1),
gradientCircularProgressColorThree: Color.fromRGBO(255, 85, 51, 1),
)
copied to clipboard

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter