Saturday, 3 August 2019

A beautiful and custom alert dialog for flutter

 custom alert dialog for flutter

Giffy Dialogs

A beautiful and custom alert dialog for flutter highly inspired from FancyAlertDialog-Android.
The source code is 100% Dart, and everything resides in the /lib folder.

 Installation

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

Usage

Import this class

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

Network giffy dialog


 custom alert dialog for flutter


onPressed: () {
  showDialog(
  context: context,builder: (_) => NetworkGiffyDialog(
    imageUrl:"https://raw.githubusercontent.com/Shashank02051997/
              FancyGifDialog-Android/master/GIF's/gif14.gif",
    title: Text('Granny Eating Chocolate',
            textAlign: TextAlign.center,
            style: TextStyle(
            fontSize: 22.0,
            fontWeight: FontWeight.w600)),
    description:Text('This is a granny eating chocolate dialog box.
          This library helps you easily create fancy giffy dialog',
          textAlign: TextAlign.center,
        ),
    onOkButtonPressed: () {},
  ) );
}

Flare giffy dialog

 custom alert dialog for flutter
onPressed: () {
  showDialog(
  context: context,builder: (_) => FlareGiffyDialog(
    flarePath: 'assets/space_demo.flr',
    flareAnimation: 'loading',
    title: Text('Space Reloading',
           style: TextStyle(
           fontSize: 22.0, fontWeight: FontWeight.w600),
    ),
    description: Text('This is a space reloading dialog box.
          This library helps you easily create fancy flare dialog.',
          textAlign: TextAlign.center,
          style: TextStyle(),
        ),
    onOkButtonPressed: () {},
  ) );
}

Asset giffy dialog

 custom alert dialog for flutter
onPressed: () {
  showDialog(
  context: context,builder: (_) => AssetGiffyDialog(
    imagePath: 'assets/men_wearing_jacket.gif',
    title: Text('Men Wearing Jackets',
            style: TextStyle(
            fontSize: 22.0, fontWeight: FontWeight.w600),
    ),
    description: Text('This is a men wearing jackets dialog box.
          This library helps you easily create fancy giffy dialog.',
          textAlign: TextAlign.center,
          style: TextStyle(),
        ),
    onOkButtonPressed: () {},
  ) );
}
Dart

GitHub

A Flutter package for a quick and handy giffy dialog. — Read More
Latest commit to the master branch on 7-24-2019
Download as zip