dokkarrachidreda / fancy-flutter-alert-dialog Goto Github PK

flutter package to show well designed alert dialog

License: MIT License

Dart 100.00%

flutter flutter-ui alert-dialogs fancy flutter-demo flutter-widget flutter-material flutter-examples flutter-package dialog

fancy-flutter-alert-dialog's Introduction

Fancy Flutter Alert Dialog

Pure Dart and Flutter package for Android,IOS and Web

A flutter Package to show custom alert Dialog,you can choose between two themes 'Fancy' and 'Flat'

The package is available in fancy_dialog

Usage

Import the Package

add this dependencies to your app dependencies: fancy_dialog: ^1.0.4

Use the Package

add this import statement import 'package:fancy_dialog/fancy_dialog.dart';

to show a Basic Dialog

showDialog(
              context: context,
              builder: (BuildContext context) => FancyDialog(
                title: "Fancy Gif Dialog",
                descreption: "This is descreption for fancy gif,you can load any image or gif to be displayed :), and you can choose between two themes Fancy and Flat",
                )
            )

the title and descreption are required and the rest of the parameters are :

okFun : the function to be called when the user press Ok button (positive button)
cancelFun : the function to be called when the user press cancel button (negative button)
cancelColor : the color of the negative button, by default it's Colors.grey
oklColor : the color of the positive button, by default it's Colors.pink
ok : the text of the positive button, by default it's 'OK !'
cancel : the text of the negative button, by default it's 'cancel'
animationType : The type of the animation, there are 4 types,which are :
- FancyAnimation.LEFT_RIGHT the default one
- FancyAnimation.RIGHT_LEFT
- FancyAnimation.TOP_BOTTOM
- FancyAnimation.BOTTOM_TOP
gifpath : the path for the image or the GIF to be displayed,or you can choose between 6 Gifs the package provides :
- FancyGif.MOVE_FORWARD the default one
- FancyGif.CHECK_MAIL
- FancyGif.FUNNY_MAN
- FancyGif.PLAY_MEDIA
- FancyGif.SUBMIT
- FancyGif.SHARE
theme : Fancy or Flat
- FancyTheme.FANCY
- FancyTheme.FLAT

The dialog will be dissmised by default when the user click Ok or cancel, DON'T ADD Navigator.of(context).pop() to okFun or cancelFun

ScreenShots

Contribution

Feel free to contribute,report a bug or to suggest a feature

Thank you :)

fancy-flutter-alert-dialog's People

Contributors

Stargazers

Watchers

fancy-flutter-alert-dialog's Issues

Can we give custom height and width?

Is it possible to give custom height and width ?

Height calculation error?

The following code is ok.

    showDialog(
        context: context,
        builder: (BuildContext context) => FancyDialog(
              title: "Fancy Gif Dialog",
              descreption: "确定删除这一项么？",
            ));

However If I change the title to Chinese characters like this, Then some errors occured.

    showDialog(
        context: context,
        builder: (BuildContext context) => FancyDialog(
              title: "删除",
              descreption: "确定删除这一项么？",
            ));

The following is the log of debug console.


════════ Exception caught by rendering library ═════════════════════════════════
The following assertion was thrown during layout:
A RenderFlex overflowed by 5.6 pixels on the bottom.

The relevant error-causing widget was
    FancyDialog 
lib\pages\clue_fragment.dart:157
The overflowing RenderFlex has an orientation of Axis.vertical.
The edge of the RenderFlex that is overflowing has been marked in the rendering with a yellow and black striped pattern. This is usually caused by the contents being too big for the RenderFlex.

Consider applying a flex factor (e.g. using an Expanded widget) to force the children of the RenderFlex to fit within the available space instead of being sized to their natural size.
This is considered an error condition because it indicates that there is content that cannot be seen. If the content is legitimately bigger than the available space, consider clipping it with a ClipRect widget before putting it in the flex, or using a scrollable container rather than a Flex, like a ListView.

The specific RenderFlex in question is: RenderFlex#c6c02 OVERFLOWING

Can we use it without context ?

HI i want to display alert box from my service class where context is not present,
can you make it to work without context ?

It will be good feature.

No named parameter with the name 'nullOk'

Bonjour,

j'avais l'erreur "No named parameter with the name 'nullOk'" et pour le corriger j'ai juste remplacé dans le fichier fancy_dialog.dart la ligne 139 par:
assert(MediaQuery.of(context) != null,'\n*context does not contain media query object\n');