A Flutter package to display and visualize credit card scores, or any other type of score, in a visually appealing way.

Previews

preview_1

preview_2

preview_3

Features

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

Installation

Add the following dependency to your pubspec.yaml file:

dependencies:
  score_progress_pretty_display: ^1.0.0 # Use the latest version

Usage

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,
          ],
        )

Example

For a complete example, check the example directory included with this package.

Contribution Guide

  1. Feel free to reach out for feedback/discussions on kartikeya.199231@gmail.com

  2. Before submit PR, you need to set githook on your machine by paste and run this command from your terminal at root project

git config core.hooksPath .githooks
  1. When you add new feature/fix issues, please make sure you update the documentation
dart doc .
  1. If possible, I want to keep this package free from external dependencies.

Roadmap

  1. I am planning to add new animations in the next release.

Libraries

score_progress_pretty_display
lib folder contains of src folder where files ending with components are primary widgets. arc_progress_painter_types folder consists of custom painters.