liquid progress indicator
liquid progress indicator for flutter.
features
- liquid circular progress indicator.
- liquid linear progress indicator.
- liquid custom progress indicator.
- works similarly to flutters own progressindicator.
- customise colors, borders, direction, etc.
usage
import 'package:liquid_progress_indicator/liquid_progress_indicator.dart';
liquidcircularprogressindicator
liquidcircularprogressindicator(
value: 0.25, // defaults to 0.5.
valuecolor: alwaysstoppedanimation(colors.pink), // defaults to the current theme's accentcolor.
backgroundcolor: colors.white, // defaults to the current theme's backgroundcolor.
bordercolor: colors.red,
borderwidth: 5.0,
direction: axis.horizontal, // the direction the liquid moves (axis.vertical = bottom to top, axis.horizontal = left to right). defaults to axis.vertical.
center: text("loading..."),
);
liquidlinearprogressindicator
liquidlinearprogressindicator(
value: 0.25, // defaults to 0.5.
valuecolor: alwaysstoppedanimation(colors.pink), // defaults to the current theme's accentcolor.
backgroundcolor: colors.white, // defaults to the current theme's backgroundcolor.
bordercolor: colors.red,
borderwidth: 5.0,
borderradius: 12.0,
direction: axis.vertical, // the direction the liquid moves (axis.vertical = bottom to top, axis.horizontal = left to right). defaults to axis.horizontal.
center: text("loading..."),
);
liquidcustomprogressindicator
liquidcustomprogressindicator(
value: 0.2 // defailts to 0.5.
valuecolor: alwaysstoppedanimation(colors.pink), // defaults to the current theme's accentcolor.
backgroundcolor: colors.white, // defaults to the current theme's backgroundcolor.
direction: axis.vertical, // the direction the liquid moves (axis.vertical = bottom to top, axis.horizontal = left to right).
shapepath: _buildboatpath(), // a path object used to draw the shape of the progress indicator.
)
