對話方塊

Dialogs - dialogs

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

Now comes with legacy_progress_dialog

Choice Dialog

Message Dialog

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.