Friday 5 July 2019

A Flutter Package for easy building dialogs

flutter tutorial,flutter,flutter tutorial for beginners,flutter app,flutter tutorials,flutter sdk,tutorial,flutter course,learn flutter,flutter tutorial ios,flutter firebase tutorial,flutter widgets,flutter app development tutorial,flutter ios,flutter dart,flutter android,google flutter,flutter sdk tutorial,flutter tutorial app,google flutter tutorial,flutter sqflite tutorial,flutter tutorial deutsch,flutter tutorial android

Easy Dialog

Easy Dialog package helps you easily create basic or custom dialogs.
flutter tutorial,flutter,flutter tutorial for beginners,flutter app,flutter tutorials,flutter sdk,tutorial,flutter course,learn flutter,flutter tutorial ios,flutter firebase tutorial,flutter widgets,flutter app development tutorial,flutter ios,flutter dart,flutter android,google flutter,flutter sdk tutorial,flutter tutorial app,google flutter tutorial,flutter sqflite tutorial,flutter tutorial deutsch,flutter tutorial android

Installation

In the dependencies: section of your pubspec.yaml, add the following line:
dependencies:
  easy_dialog: <latest version>
YAML

Usage

Import this class

import 'package:easy_dialog/easy_dialog.dart';
Dart

Basic structure

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

Examples

Let start creating simple but beautiful dialogs.

Here you have some basic examples of what can you build and let your creativity fly.
flutter tutorial,flutter,flutter tutorial for beginners,flutter app,flutter tutorials,flutter sdk,tutorial,flutter course,learn flutter,flutter tutorial ios,flutter firebase tutorial,flutter widgets,flutter app development tutorial,flutter ios,flutter dart,flutter android,google flutter,flutter sdk tutorial,flutter tutorial app,google flutter tutorial,flutter sqflite tutorial,flutter tutorial deutsch,flutter tutorial android

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
contentList[
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

GitHub

ricardonior29/easy_dialog

A Flutter Package for easy building dialogs — Read More
Latest commit to the master branch on 7-1-2019
Download as zip