dialog_loader

Description:

dialog loader

dialog_loader #




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.

Installation #
Include dialog_loader in your pubspec.yaml file:
dependencies:
flutter:
sdk: flutter
dialog_loader: version
copied to clipboard
Now in your Dart code, you can use:
import 'package:dialog_loader/dialog_loader.dart';
copied to clipboard
Preview #



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.
Usage #
You can review the example of usage from the Github repo.
Create a new instance, pass the context as parameter.
@override
Widget build(BuildContext context) {
DialogLoader dialogLoader = DialogLoader(context: context);
copied to clipboard
Create the default option of the loader
_dialogLoader(context) async {
dialogLoader.show(
theme: LoaderTheme.dialogCircle,
title: Text("Loading"),
leftIcon: SizedBox(
child: CircularProgressIndicator(),
height: 25.0,
width: 25.0,
),
);
}

copied to clipboard
You don't need to update state, just pass the value.
void _update() {
_dialogLoader(context);
Future.delayed(const Duration(seconds: 4), () {
dialogLoader.update(
title: Text("Done"),
leftIcon: Icon(Icons.done),
autoClose: false,
barrierDismissible: true,
);
});
}
copied to clipboard
Constructor #



Name
Description
Required
Default




context
Buildcontext to render the dialog
True




Properties #



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




Donate #
You like the package ? Buy me a coffee :)