zainurrehmankhan / loading_indicator Goto Github PK

View Code? Open in Web Editor NEW

🚅Flutter out-of-the-box collection animations written in pure dart.

License: Apache License 2.0

Dart 99.06% HTML 0.16% Swift 0.69% Shell 0.09%

loading_indicator's Introduction

LoadingIndicator

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

Type	Type	Type	Type
1. ballPulse	2. ballGridPulse	3. ballClipRotate	4. squareSpin
5. ballClipRotatePulse	6. ballClipRotateMultiple	7. ballPulseRise	8. ballRotate
9. cubeTransition	10. ballZigZag	11. ballZigZagDeflect	12. ballTrianglePath
13. ballTrianglePathColored	14.ballTrianglePathColoredFilled	15. ballScale	16. lineScale
17. lineScaleParty	18. ballScaleMultiple	19. ballPulseSync	20. ballBeat
21. lineScalePulseOut	22. lineScalePulseOutRapid	23. ballScaleRipple	24. ballScaleRippleMultiple
25. ballSpinFadeLoader	26. lineSpinFadeLoader	27. triangleSkewSpin	28. pacman
29. ballGridBeat	30. semiCircleSpin	31. ballRotateChase	32. orbit
33. audioEqualizer	34. 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
)

中文版