d_dialog

Description:

d dialog

DDialog #
       
Custom dialog with blur background, popup animation and progressDialog with native style.
Not only helps you display dialog with a blurred background, d_dialog is here to help you do many things. for example, with d_dialog you can display ProgressDialog to the user once until it meets the end of Future!
First of all, let's leave the old style with showDialog(blablabla), with DDialog you have dialog extensions, you just simply call .show(context) at the end of your dialog and let the magic work!
There are 5 types, they are DDialog, DAlertDialog, ProgressDialog, CustomProgressDialog and ZoomDialog.
DDialog #
Is a raw dialog where you can view them right away without anything else
await DDialog(
dialogStyle: DialogStyle(titleDivider: true),
title: Text("Hi, This is d_dialog"),
content: Text("And here is your content, hoho... "),
actions: <Widget>[
FlatButton(child: Text("You"),onPressed: () {}),
FlatButton(child: Text("Are"),onPressed: () {}),
FlatButton(child: Text("Awesome"),onPressed: () {}),
],
).show(context);
copied to clipboard
DAlertDialog #
Is a dialog where you can directly set the background attributes without be wrapped by DialogBackground and you can simply display them.
await DAlertDialog(
dialogStyle: DialogStyle(titleDivider: true),
title: Text("Hi, This is DAlertDialog"),
content: Text("And here is your content, hoho... "),
actions: <Widget>[
FlatButton(child: Text("You"),onPressed: () {}),
FlatButton(child: Text("Are"),onPressed: () {}),
FlatButton(child: Text("Awesome"),onPressed: () {}),
],
).show(context);
copied to clipboard
ProgressDialog #
Will display the ProgressDialog with Android native style.
ProgressDialog progressDialog = ProgressDialog(context,
message:Text("This is the message"),
title:Text("This is the title")
);

//You can set Message using this function
progressDialog.setTitle(Text("Loading"));
progressDialog.setMessage(Text("Please Wait, Injecting your phone with my virus"));
progressDialog.show();

await Future.delayed(Duration(seconds: 5));

//Progress Dialog already show? don't worry, you can change the message :D
progressDialog.setTitle(Text("Just Kidding"));
progressDialog.setMessage(Text("I mean, virus of love :*"));

await Future.delayed(Duration(seconds: 5));

progressDialog.dismiss();
copied to clipboard
CustomProgressDialog #
Will display a progress dialog with customizable widgets
CustomProgressDialog progressDialog = CustomProgressDialog(context,blur: 10);

///You can set Loading Widget using this function
progressDialog.setLoadingWidget(CircularProgressIndicator(valueColor: AlwaysStoppedAnimation(Colors.red)));
progressDialog.show(useSafeArea: false);

await Future.delayed(Duration(seconds: 5));

//Progress Dialog already show? don't worry, you can change the loading widget :D
progressDialog.setLoadingWidget(NewLoadingWidget());

await Future.delayed(Duration(seconds: 5));

progressDialog.dismiss();
copied to clipboard
This is what I'm talking about, Each Progress Dialog has a .future(context) static function, which will help you display the progress dialog once until Future is completed
///ProgressDialog
await ProgressDialog.future(
context,
future: Future.delayed(Duration(seconds: 5), () {
return "HIYAAA";
}),
message: Text("Please Wait"),
cancelText: Text("Batal"),
title: Text("Loging in"),
)

///CustomProgressDialog
await CustomProgressDialog.future(
context,
future: Future.delayed(Duration(seconds: 5), () {
return "WOHOOO";
}),
loadingWidget: Center(
child: Container(
alignment:Alignment.center,
child:CircularProgressIndicator(),
),
),
backgroundColor: Colors.blue.withOpacity(.5),
)

copied to clipboard
ZoomDialog #
Is a dialog that you can zoom on it, you can zoom all type of widget on this dialog, simply write this code and boom, there you go!
await ZoomDialog(
zoomScale: 5,
child: Container(
child: Text("Zoom me!"),
color: Colors.white,
padding: EdgeInsets.all(20),
),
).show(context);
copied to clipboard
Dialog Extensions! #
You can simply call show(context) at the end of Flutter's built-in dialogs.
DAlertDialog( ... ).show(context);
SimpleDialog( ... ).show(context);
Dialog( ... ).show(context);
CupertinoDialog( ... ).show(context);
CupertinoAlertDialog( ... ).show(context);
copied to clipboard
DialogBackground #
You can use DialogBackground to create your own custom dialog and display them easily, not only that, you can also change the barrierColor / background color and add little bit blur effects there.
Note : BlurDialogBackground is depreceted, use DialogBackground instead!
await DialogBackground(
dialog: DAlertDialog(
title: Text("Alert Dialog"),
content: Text("Wohoo.. This is ordinary AlertDialog with Blur background"),
actions: <Widget>[
FlatButton(child: Text("You")onPressed: () {}),
FlatButton(child: Text("Are")onPressed: () {}),
FlatButton(child: Text("Awesome")onPressed: () {}),
],
),
).show(context);
copied to clipboard
Screenshot #

Inspired by NDialog