score-progress-pretty-display-package

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

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
    
  3. When you add new feature/fix issues, please make sure you update the documentation
    dart doc .
    
  4. 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.