A Flutter Package for easy building dialogs

Easy Dialogs

Easy Dialog package helps you easily create basic or custom dialogs.

topImage dialogs

💾 Installation

In the dependencies: section of your pubspec.yaml, add the following line:

  easy_dialog: <latest version>

📦 Usage

Import this class

import 'package:easy_dialog/easy_dialog.dart';

Basic structure

        title: Text("Basic Easy Dialog Title"),
        description: Text("This is a basic dialog")).show(context);

🎯 Examples

Let start creating simple but beautiful dialogs.

Here you have some basic examples of what can you build and let your creativity fly.


🎨 Customization and Attributes

All customizable attributes for easy_dialog

Attribute NameExample ValueDescription
topImageAssetImage(“assets/topImage.png”)Top image for decoration purpose with rounded top corners
titleText(“Alert”)Dialog title, located under topImage if exists
tittlePaddingEdgeInsets.only(left: 8.0,right: 8.0)Title padding
descriptionText(“Connection error”)Dialog description, located between title and contentList
descriptionPaddingEdgeInsets.only(left: 8.0,right: 8.0)Description padding
Text(“This is an extra text line”), FlatButton(onPressed: () {},
  child: Text(“Okay”),),
Optional widget list, located in order before description
contentPaddingEdgeInsets.all(12.0)Content padding. It wraps all widgets including title and description
height200Dialog height
width250Dialog width
cornerRadius15.0Dialog corner radius
fogOpacity0.5Fog opacity, sets the black fog opacity behind our dialog from 0 to 1
closeButtonfalseClose button enable/disable


Written by James

Flutter simple dialog example

Great Flutter example using floating buttons and dialogs