screen_loader 2.0.1
screen_loader: ^2.0.1

Flutter Android iOS web

Easy to use mixin ScreenLoader, which will handle the loading on the screen. You can customise the loading as well.

screen_loader #

Using showDialog for showing loader is a BAD IDEA. You may end up messing the navigation stack and context due to pushing and popping the loader(dialog). Hence, I have come up with an easy to use mixin ScreenLoader, which will handle the loading on the screen. You can customise the loading as well, check below how it is done.

Installation #

Add dependency in pubspec.yaml:

screen_loader: ^2.0.1

Important #

Replace your build(BuildContext context) function with screen(BuildContext context)

@override
Widget screen(BuildContext context) {
  return Scaffold(
    appBar: _buildAppBar(),
    body: _buildBody(),
  );
}

Basic Usage #

Extend your screen(StatefulWidget) with ScreenLoader. Use performFuture to show loader while your future us being performed. That's it!

Override Loader #

Simply overide loader() method in your _ScreenState class

loader() {
    // here any widget would do
    return AlertDialog(
        title: Text('Wait.. Loading data..'),
    );
}

Override Loader Gobally #

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ScreenLoaderApp(
      app: MaterialApp(
        title: AppStrings.yapChat,
        theme: ThemeData(
          primarySwatch: Colors.blue,
        ),
        home: Screen(),
      ),
      globalLoader: AlertDialog(
        title: Text('Gobal Loader..'),
      ),
    );
  }
}

Priority of loaders #

  • Local loader: the one you override in the _ScreenState class
  • Global loader: the one you specify in ScreenLoaderApp. Note: if you don't override local(), this loader will be used.
  • Default loader: if you don't specify global loader or override local loader, this loader will be used

PS #

11
likes
100
pub points
83%
popularity

Publisher

dart.nonstopio.com

Easy to use mixin ScreenLoader, which will handle the loading on the screen. You can customise the loading as well.

Repository (GitHub)
View/report issues

Documentation

API reference

License

unknown (LICENSE)

Dependencies

flutter

More

Packages that depend on screen_loader