Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD

liquid progress indicator

liquid progress indicator for flutter.

 liquid progress

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.
)

Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD

Comments are closed.