interval progressbar
an interval progress widget for flutter.
depend on it
https://pub.dev/packages/intervalprogressbar
add this to your package’s pubspec.yaml file:
dependencies:
intervalprogressbar: ^0.0.2
features
- horizontal
- vertical
- interval progress
- colorful
getting started
preview sample code
center(
child: row(
mainaxisalignment: mainaxisalignment.center,
children: [10, 29, 18, 27, 16, 15, 24, 3, 20, 10]
.map<widget>((i) {
return padding(
padding: edgeinsets.only(right: 10),
child: intervalprogressbar(
direction: intervalprogressdirection.vertical,
max: 30,
progress: i,
intervalsize: 2,
size: size(12, 200),
highlightcolor: colors.red,
defaultcolor: colors.grey,
intervalcolor: colors.transparent,
intervalhighlightcolor: colors.transparent,
reverse: true,
radius: 0));
}).tolist()),
)
property
property | type | note |
---|---|---|
direction | enum |
progressbar’s direction, support vertical and horizontal |
max | int |
count of default blocks |
progress | int |
count of highlight blocks |
intervalsize | int |
size of interval blocks. when vertical direction, means height, when horizontal direction, means width |
size | size |
size of this widget |
highlightcolor | color |
color of highlight blocks |
defaultcolor | color |
color of default blocks |
intervalcolor | color |
color of default intervals |
intervalhighlightcolor | color |
color of intervals which between highlight blocks |
reverse | bool |
|
radius | int |
Comments are closed.