easy_loader 1.0.3

Flutter Android iOS web

The easiest way to handle a simple full screen loader in Flutter. Written in Dart. Fully customizable.

EasyLoader #

The easiest way to handle a simple full screen loader in Flutter. Written in Dart. Fully customizable.

Screenshot

Getting Started #

Add this to your package's pubspec.yaml file

dependencies:
  easy_loader: ^1.0.3

Usage #

Next, you just have to import the package using:

import 'package:easy_loader/easy_loader.dart';

Then wrap your body within a Stack and place the EasyLoader() widget at the end of the Stack

  Widget build(BuildContext context) {
    return Scaffold(
      //// Wrap your body in a stack
      body: Stack(
        children: <Widget>[
          Center(
            child: Text("Lorem Ipsum"),
          ),
          //// Put the loader widget at the end of the stack. You can set it to appear based on a boolean. E.g. a loading flag.
          EasyLoader(image: AssetImage('assets/loading.png'),)
        ],
      ),
    );
  }

All done! You can customize other things like the icon size, background color, icon color and the animation by passing the values into the constructor.

4
likes
110
pub points
57%
popularity

Publisher

aligorithm.i.ng

The easiest way to handle a simple full screen loader in Flutter. Written in Dart. Fully customizable.

Homepage
Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on easy_loader