colorful_progress_spinner 0.1.0

Different progress indicator based on Gradients

Library to create colorful loading indicator

The current state is under active development but is considered stable.

I recommend to take a look at the example project

Features

• FixedGradientProgressIndicator (also as Circular and Linear)
• MovingGradientProgressIndicator (also as Circular and Linear)
• GradientColors (Razer Chroma and some Pride gradients)

Getting started

dart pub add colorful_progress_spinner

Usage

(see /example folder or checkout the linked website above for different examples)

Example of a Fixed-Indicator

var radius = BorderRadius.circular(14);

FixedGradientProgressIndicator(
    progress: null,
    thickness: EdgeInsets.all(2),
    borderRadius: radius,
    childBorderRadius: radius,
    colors: GradientColors.razerChroma,
    background: Theme.of(context).canvasColor,
    child: Card(
        shape: RoundedRectangleBorder(borderRadius: radius),
        margin: EdgeInsets.zero,
        child: Padding(
            padding: EdgeInsets.all(12),
            child: Column(
                mainAxisSize: MainAxisSize.min,
                children: [
                    Text("This is the child of the loading\nindicator that gets surrounded by it."),
                    Text("Best results will be achieved with square boxes"),
                ],
            ),
        ),
    ),
);

Example of a Moving-Indicator

CircularMovingGradientProgressIndicator(
    progress: null,
    thickness: EdgeInsets.all(2),
    colors: GradientColors.razerChroma,
    child: CircleAvatar(
        backgroundColor: Colors.transparent,
        radius: 50,
        child: Text("Example"),
    ),
);

Additional information

My personal main goal was to recreate the Chroma spinner animation of Razer While this package achieves this goal, it has no RazerChromaIndicator widget kind of stuff.

I am currently looking for ways implementing the current effects with custom render objects to let the animations be fluid around any boxed child.

I had to rename the package to colorful_progress_spinner from colorful_progress_indicator because colorful_progress_indicators is already picked, that's why the package name does not match any other naming.