Pub Package License: MIT

An easy way to create a loader, you can easily combine the loader with popular state management.

New Features 💥

  • The barrierDismissible default set to false on loading and will be automatically set to true when the load is complete.
  • Asset file / Image network support on the loader.


Include dialog_loader in your pubspec.yaml file:

    sdk: flutter
  dialog_loader: version

Now in your Dart code, you can use:

import 'package:dialog_loader/dialog_loader.dart';


LoaderTheme.dialogDefault LoaderTheme.dialogCircle
LoaderTheme.dialogDefault (left and right icon) LoaderTheme.dialogCircle (Image network)

with the dialog loader package, you can easily combine the loader with popular state management on handling state updating, like loading, error, and success state.


You can review the example of usage from the Github repo.

Create a new instance, pass the context as parameter.

  Widget build(BuildContext context) {
    DialogLoader dialogLoader = DialogLoader(context: context);

Create the default option of the loader

_dialogLoader(context) async {
        theme: LoaderTheme.dialogCircle,
        title: Text("Loading"),
        leftIcon: SizedBox(
          child: CircularProgressIndicator(),
          height: 25.0,
          width: 25.0,

You don't need to update state, just pass the value.

void _update() {
      Future.delayed(const Duration(seconds: 4), () {
          title: Text("Done"),
          leftIcon: Icon(Icons.done),
          autoClose: false,
          barrierDismissible: true,


Name Description Required Default
context Buildcontext to render the dialog True


Name Description Required Default
theme Loader theme False LoaderTheme.dialogDefault,
title Widget title False Container()
leftIcon Widget on the left side of the loader, and at the top for dialogCircle theme False Container()
rightIcon Widget on the right side of the loader False Container()
barrierColor Barrier Color of the loader False Colors.black26
borderRadius Double value to indicate the dialog border radius False 5.0
backgroundColor Double value to indicate the dialog background color False Colors.white
elevation Double value to indicate the elevation border False 5.0
autoClose Boolean value to indicate auto Close the loader when the processing is complete False true
barrierDismissible Boolean value to indicate barrierDimisable on dialog False false

You like the package ? Buy me a coffee :)

buymeacoffe buymeacoffe