steps_indicator 1.1.0
steps_indicator: ^1.1.0

Flutter Android iOS web

Flutter plugin to display a simple steps indicator line widget.

steps_indicator #

pub package

A simple steps indicator widget

Installation #

Add steps_indicator: ^1.1.0 in your pubspec.yaml dependencies. And import it:

import 'package:steps_indicator/steps_indicator.dart';

How to use #

Simply create a StepsIndicator widget and pass the required params:

StepsIndicator(
  selectedStep: 1,
  nbSteps: 4
)

Do not forget to check that the selectedStep is not lower than 0 and is not higher than the total number of steps (nbSteps).

Params #

StepsIndicator(
  selectedStep: 1,
  nbSteps: 4,
  selectedStepColorOut: Colors.blue,
  selectedStepColorIn: Colors.white,
  doneStepColor: Colors.blue,
  unselectedStepColor: Colors.red,
  doneLineColor: Colors.blue,
  undoneLineColor: Colors.red,
  isHorizontal: true,
  lineLength: 40,
  lineThickness: 1,
  doneStepSize: 10,
  unselectedStepSize: 10,
  selectedStepSize: 14,
  selectedStepBorderSize: 1,
  doneStepWidget: Container(), // Custom Widget 
  unselectedStepWidget: Container(), // Custom Widget 
  selectedStepWidget: Container(), // Custom Widget 
  lineLengthCustomStep: [
    StepsIndicatorCustomLine(nbStep: 3, lenght: 80)
  ]
)

For a more detail example please take a look at the example folder.

Example #

Steps indicator:

- #

If something is missing, feel free to open a ticket or contribute!

25
likes
100
pub points
89%
popularity

Publisher

hugoextrat.com

Flutter plugin to display a simple steps indicator line widget.

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on steps_indicator