Need help with awesomeDialogs?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

marcos930807
143 Stars 55 Forks Other 68 Commits 21 Opened issues

Description

A new Flutter package project for simple a awesome dialogs

Services available

!
?

Need anything else?

Contributors list

# 356,577
C
Shell
Dart
flutter...
42 commits
# 557
Dart
Flutter
flutter...
whatsap...
3 commits

awesome_dialog

A new Flutter package project for simple and awesome dialogs

Usage

To use this package, add awesome_dialog as a dependency in your pubspec.yaml file. And add this import to your file.

import 'package:awesomedialog/awesomedialog.dart';

Image

alt text

Example

AwesomeDialog(
            context: context,
            dialogType: DialogType.INFO,
            animType: AnimType.BOTTOMSLIDE,
            title: 'Dialog Title',
            desc: 'Dialog description here.............',
            btnCancelOnPress: () {},
            btnOkOnPress: () {},
            )..show();

Custom Body

If the body is specified, then title and description will be ignored, this allows to further customize the dialogue.

AwesomeDialog(
            context: context,
            animType: AnimType.SCALE,
            dialogType: DialogType.INFO,
            body: Center(child: Text(
                    'If the body is specified, then title and description will be ignored, this allows to further customize the dialogue.',
                    style: TextStyle(fontStyle: FontStyle.italic),
                  ),),
            title: 'This is Ignored',
            desc:   'This is also Ignored',
            btnOkOnPress: () {},
                 )..show();

Custom Button

To use custom buttons, just specify the buttonOk or btnCancel widget, all text parameters icon etc will be ignored.

Dissmiss and Callback

AwesomeDialog has onDissmissCallback() and can be dissmissed at any time using dissmiss() public method.

AwesomeDialog Class

| Dart attribute | Datatype | Description | Default Value | |:----------------------|:---------------------|:--------------------------------------------------------------------------------------------------------------------------------------------------------------|:--------------------------------------:| | dialogType | DialogType | Set DialogType example: DialogType.INFO, this create an animated Header. | Null | | customHeader | Widget | Create your own header(if this is set DiaologType is ignored.) | Null | | width | double | The maximum width of the dialog, especially useful in web flutter, or landscape mode | MediaQuery.of(context).size.width. | | title | String | Set the title of dialog. | Null | | desc | String | Set the description text of the dialog. | Null | | body | Widget | Create your own Widget for body, if this property is set title and description will be ignored. | Null | | context | BuildContext | @required | Null | | btnOkText | String | Text of positive button | 'Ok' | | btnOkIcon | IconData | Icon of positive button | Null | | btnOkOnPress | Function | Function that handle click of postive Button, closing the dialog is handled internally. | Null | | btnOkColor | Color | Color of postive Button | Color(0xFF00CA71) | | btnOk | Widget | Allows to create a custom button, if this property is different from null then btnOkText, btnOkIcon, btnOkOnPress, btnOkColor will be ignored | null | | btnCancelText | String | Text of negative button | 'Cancel' | | btnCancelIcon | IconData | Icon of negative button | Null | | btnCancelOnPress | Function | Function that handle click of negative Button, closing the dialog is handled internally. | Null | | btnCancelColor | Color | Color of negative Button | Colors.red | | btnCancel | Widget | Allows to create a custom button, if this property is different from null then btnCancelText, btnCancelIcon, btnCancelOnPress, btnCancelColor will be ignored | null | | buttonsBorderRadius | BorderRadiusGeometry | Allows to customize buttons border raidus | BorderRadius.all(Radius.circular(100)) | | dismissOnTouchOutside | bool | Dissmiss dialog on touch overlay | true | | onDissmissCallback | Function | Dissmiss callback funtion | Null | | animType | AnimType | Type of dialogue enter animation | AnimType.SCALE | | aligment | AlignmentGeometry | dialogue aligment gravity | Alignment.center | | useRootNavigator | bool | Use the root navigator instead than the local. This is useful when the defaut cancel go to the previous screen instead to just close the dialog | false | | headerAnimationLoop | bool | headerAnimationLoop control the loop for animation header | true | | padding | EdgeInsetsGeometry | The padding of dialog elemets | EdgeInsets.only(left: 5, right: 5), | | autoHide | Duration | Hide the Dialog after this Duration | null | | keyboardAware | bool | Control if add or not the Padding EdgeInsets.only(bottom: MediaQuery.of(context).viewInsets.bottom). | true | | dismissOnBackKeyPress | bool | control if AwesomeDialog is dissmisable by back button. | true | | buttonsBorderRadius | BorderRadiusGeometry | Border Radius for built in buttons. | BorderRadius.all(Radius.circular(100) | | showCloseIcon | bool | Control if close icon is appear. | false | | closeIcon | Widget | Custom closeIcon. | null | | dialogBackgroundColor | Color | custom background color for entire dialog. | Theme.of(context).cardColor | | borderSide | BorderSide | enable border en entire dialog shape | null |

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.