A Flutter package to display and visualize credit card scores, or any other type of score, in a visually appealing way.
Customizable: You can customize the appearance of the score visualization, including the color, size, and animation.
Animated: The package includes animations to make the score visualization engaging and interactive.
Easy to Use: Integrating this package into your Flutter project is straightforward and requires minimal setup.
Add the following dependency to your pubspec.yaml
file:
dependencies:
score_progress_pretty_display: ^1.0.0 # Use the latest version
PrimaryArcAnimationComponent(
score: 77,
maxScore: 100,
arcHeight: 340,
arcWidth: 340,
backgroundArcStrokeThickness: 10,
progressArcStrokeThickness: 10,
enableStepperEffect: false,
isRoundEdges: false,
minScoreTextFontSize: 30,
maxScoreTextFontSize: 50,
isRoundOffScoreWhileProgress: true,
isRoundOffScore: true,
showOutOfScoreFormat: true,
isPrgressCurveFilled: false,
scoreAnimationDuration: Duration(seconds: 2),
scoreTextAnimationDuration: Duration(milliseconds: 500),
scoreTextStyle: TextStyle(fontWeight: FontWeight.normal, height: 1),
arcBackgroundColor: Colors.black12,
arcProgressGradientColors: [
Colors.yellowAccent,
Colors.greenAccent,
Colors.green,
],
)
For a complete example, check the example directory included with this package.
Feel free to reach out for feedback/discussions on kartikeya.199231@gmail.com
git config core.hooksPath .githooks
dart doc .