loading_overlay_pro

A simple widget wrapper set of loading animations for Flutter projects.

Use animation from loading_animations

Getting Started

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.

Example

To run file example, please use flutter 1.19.x or 1.20.x

Libraries

animations/bouncing_grid

animations/bouncing_line

animations/bumping_line

animations/double_flipping_shape

animations/fading_line

animations/filling_shape

animations/flipping_shape

animations/jumping_line

animations/rotating_shape

loading_overlay_pro