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:

AttributeTypeDefaultRequiredDescription
buttonOkOnPressedFunction()Navigator.pop(context)NoThis function will be registered as the callback of 'Ok' button.
buttonCancelOnPressedFunction()Navigator.pop(context)NoThis function will be registered as the callback of 'Cancel' button.
dialogRadiusdouble15.0NoDetermines the borderRadius of dialog box.
buttonRadiusdouble18.0NoDetermines the borderRadius of action buttons.
iconButtonOkIconnullNoRenders a FlatButton with the provided icon for positive action.
iconButtonCancelIconnullNoRenders a FlatButton with the provided icon for negative action.


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

AttributeTypeDefaultRequiredDescription
contextBuildContextNullYesThe context argument is used to look up the Navigator and Theme for the dialog.
barrierDismissiblebooltrueNoIndicates whether tapping on the barrier will dismiss the dialog.
barrierColorColorColors.black54NoSpecifies the color of the modal barrier that darkens everything below the dialog.

CREDITS

Contributors

Made with contributors-img.

Libraries

dialogs
dialogs
dialogs
dialogs