LoadingIndicator

pub package

A collection of out of the box loading animations written in pure dart, no extra dependency, inspired by loaders.css and NVActivityIndicatorView.

Demo

Now, you can click this site to preview.3D effect will be invalid in web.

Animation types

TypeTypeTypeType
1. ballPulse2. ballGridPulse3. ballClipRotate4. squareSpin
5. ballClipRotatePulse6. ballClipRotateMultiple7. ballPulseRise8. ballRotate
9. cubeTransition10. ballZigZag11. ballZigZagDeflect12. ballTrianglePath
13. ballTrianglePathColored14.ballTrianglePathColoredFilled15. ballScale16. lineScale
17. lineScaleParty18. ballScaleMultiple19. ballPulseSync20. ballBeat
21. lineScalePulseOut22. lineScalePulseOutRapid23. ballScaleRipple24. ballScaleRippleMultiple
25. ballSpinFadeLoader26. lineSpinFadeLoader27. triangleSkewSpin28. pacman
29. ballGridBeat30. semiCircleSpin31. ballRotateChase32. orbit
33. audioEqualizer34. circleStrokeSpin

Installing

Install the latest version from pub

Usage

Simple but powerful parameters

LoadingIndicator(
    indicatorType: Indicator.ballPulse, /// Required, The loading type of the widget
    colors: const [Colors.white],       /// Optional, The color collections
    strokeWidth: 2,                     /// Optional, The stroke of the line, only applicable to widget which contains line
    backgroundColor: Colors.black,      /// Optional, Background of the widget
    pathBackgroundColor: Colors.black   /// Optional, the stroke backgroundColor
)

中文版

License

Apache 2.0

Libraries

loading_indicator