A simple widget wrapper set of loading animations for Flutter projects.
Use animation from loading_animations
Then import the file to your project:
import 'package:loading_overlay_pro/loading_overlay_pro.dart'Then add the following code:
LoadingOverlayPro({
Key key,
@required this.isLoading,
@required this.child,
this.colorBackground = Colors.black54,
this.progressIndicator = const LoadingBouncingLine.circle(),
});Or customize it even more!
LoadingBouncingLine.circle(
borderColor: Colors.cyan,
borderSize: 3.0,
size: 120.0,
backgroundColor: Colors.cyanAccent,
duration: Duration(milliseconds: 500),
);or add header and bottom
headerLoading: Text("App Name"),
bottomLoading: Text("Loading..."),For more customization, please look inside the loading animation files.
Note: all the animations come ready to go just by calling LoadingBouncingLine.square(), for example.
Many basic animations contain .circle() and .square() variations by default.
To run file example, please use flutter 1.19.x or 1.20.x
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent