Dialogs - dialogs

This flutter package provides aesthetically designed dialog box with customization options.

Now comes with legacy_progress_dialog

Choice Dialog

Choice Dialog Choice Dialog Rectangular Choice Dialog Rectangular Buttons

Message Dialog

Message Dialog Gif Message Dialog Message Dialog

Pub Version GitHub Workflow Status Github Stars GitHub

Simple Usage

To use this plugin, add dialogs as a dependency in your pubspec.yaml file.

Implementation:

  • import 'package:dialogs/dialogs.dart';

ChoiceDialog

  • use ChoiceDialog().show() function to display the dialog.

ChoiceDialog().show(context);

##OR


final choiceDialog = ChoiceDialog();
choiceDialog.show(context);

MessageDialog

  • use MessageDialog().show() function and call the Choice Dialog .

MessageDialog().show(context);

OR


final messageDialog = MessageDialog();
choiceDialog.show(context);

Show progress dialog :

//Create an instance of ProgressDialog
ProgressDialog progressDialog = ProgressDialog(
                  context: context,
                  backgroundColor: Colors.blue,
                  textColor: Colors.White,
                );
// show dialog
progressDialog.show();

//close dialog
progressDialog.dismiss();

You are good to go 💯



In order to add the ChoiceDialog, MessageDialog to your app, there are several attributes that are important parameters that you might need frequently:

Attribute Type Default Required Description
buttonOkOnPressed Function() Navigator.pop(context) No This function will be registered as the callback of 'Ok' button.
buttonCancelOnPressed Function() Navigator.pop(context) No This function will be registered as the callback of 'Cancel' button.
dialogRadius double 15.0 No Determines the borderRadius of dialog box.
buttonRadius double 18.0 No Determines the borderRadius of action buttons.
iconButtonOk Icon null No Renders a FlatButton with the provided icon for positive action.
iconButtonCancel Icon null No Renders a FlatButton with the provided icon for negative action.


show() also provides some useful parameters of showDialog() function

Attribute Type Default Required Description
context BuildContext Null Yes The context argument is used to look up the Navigator and Theme for the dialog.
barrierDismissible bool true No Indicates whether tapping on the barrier will dismiss the dialog.
barrierColor Color Colors.black54 No Specifies the color of the modal barrier that darkens everything below the dialog.

CREDITS

Contributors

Made with contributors-img.