progress_stepper 0.1.0
progress_stepper: ^0.1.0

Flutter Android iOS web

Flutter package for showing custom progress stepper. You can use either the built in shapes (Arrow or Chevron) or can specify own shapes, using the builder.

progress_stepper #

This package can be used to create custom stepper.

Main Classes #

ClassDescription
ProgressStepperYou have to initialise this class to create the custom stepper
ProgressStepWithChevronCustom step with the shape of an arrow
ProgressStepWithArrowCustom step with the shape of chevron

Usage #

You can use this control in two ways:

Method 1 #

You just need to initialise the ProgressStepper with required values, it will create a default progress step with chevron type.

ProgressStepper(
   width: 300,
   height: 10,
   padding: 2,
   currentStep: 1,
)

The above code will create a stepper as shown below:

Default Stepper

Method 2 #

You can use the builder to return your own custom step or use the provided steps as you need.

ProgressStepper(                              
   width: 200,
   height: 25,
   color: Colors.red,
   progressColor: Colors.green,
   stepCount: 3,
   builder: (index) {
      double widthOfStep = 200 / 3;
      if (index == 1) {
         return ProgressStepWithArrow(
            width: widthOfStep,
            defaultColor: Colors.red,
            progressColor: Colors.green,
            wasCompleted: true,
         );
      }
      return ProgressStepWithChevron(
         width: widthOfStep,
         defaultColor: Colors.red,
         progressColor: Colors.green,
         wasCompleted: false,
      );
   },
)

The above code will create a stepper as shown below:

Default Stepper

4
likes
90
pub points
72%
popularity

Flutter package for showing custom progress stepper. You can use either the built in shapes (Arrow or Chevron) or can specify own shapes, using the builder.

Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

midhunmp7@gmail.com

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on progress_stepper