Overlay loader with app icon

A clean and light-weight package that shows a beautiful overlay loader with appIcon when initiating an async call.

Demo App

Getting started

Example

Add package to pubspec.yaml

dependencies:
  ...
  overlay_loader_with_app_icon:

Next, import the library into your widget.

import 'package:overlay_loader_with_app_icon/overlay_loader_with_app_icon.dart';

Usage

To make an async call and display a modal with an appIcon progress indicator while the async call is taking place, wrap OverlayLoaderWithAppIcon around any widget. Using the isLoading boolean variable, the progress loader can be enabled or disabled.


bool _loading = false;
@override
Widget build(BuildContext context) {
  return Scaffold(
    body: OverlayLoaderWithAppIcon(
        isLoading: _loading,
        appIcon:  Image.asset('images/appIcon.png'),
        child: Container(
       child: Form(...)
    )),
  );
}

More Options

The current parameters are customizable in the constructor

OverlayLoaderWithAppIcon({
  required this.isLoading, 
  required this.child, 
  required this.appIcon, 
  this.appIconSize=50,
  this.borderRadius=15, 
  this.overlayOpacity=0.5, 
  this.circularProgressColor, 
  this.overlayBackgroundColor
});

Feel free to contribute to this package!! 🙇‍♂️

If anyone wants to improve this package, you're free to do so

If you need any features

Please open an issue so that we can discuss your feature request

Libraries

overlay_loader_with_app_icon