Flutter Loading Indicators .A Flutter package with a selection of simple yet very customizable set of loading indicators.
Add the following to your pubspec.yaml
file:
...
dependencies:
...
loading_indicator: "^1.0.0"
...
Then import the file to your project:
import 'package:loading_indicator/loading_indicator.dart';
Choose a loading indicator from the list:
Then add the following code:
LoadingFlipCircle(
color: Colors.blue,
);
Or you can customize it a bit:
LoadingFlipCircle(
borderColor: Colors.cyan,
size: 30.0,
);
Or customize it even more!
LoadingFlipCircle(
borderColor: Colors.cyan,
borderSize: 3.0,
size: 30.0,
backgroundColor: Colors.cyanAccent,
duration: Duration(milliseconds: 500),
);
For more customization, please look inside the loading indicator files.
Note: all the indicators come ready to go just by calling LoadingFlipBox()
, for example.
For a more true experience of the animations and variations,
download the example project and run using flutter run --profile
.
LoadingFlipCircle()
LoadingRotatingSquare()
LoadingFlipBox()
LoadingBouncingGrid()
Author: cytryn
GitHub: http://github.com/cytryn/loading-indicator
#flutter #dart