Display simple blurry dialog popup for flutter

Related tags

Widgets Blurry
Overview

Blurry Dialog

Features

  • Display simple blurry dialog popup
  • Offer built-in themes
  • Possibility to create you custom dialog
  • button click handler callbacks

Getting started

To use the blurry dialog package you need to add it in pubspec file

dependencies: 
	blurry: ^1.0.0

Usage

Parameters

///the dialog popup title, required in all blurry class constructors
final  String title;


///the dialog description text
///required in all blurry class constructors
final  String description;


///the cancel button text, by default it's 'Cancel'
final  String cancelButtonText;


///the confirm button (primary button) text string
final  String confirmButtonText;


///the dialog theme color
///will be applied on buttons and icon
///not available in default types constructors (info, error, warning, success)
late  Color? themeColor;


///function invoked when the primary button is pressed
///required in all constructors
final  Function onConfirmButtonPressed;


///the callback that will be invoked when pressing on cancel button
final  Function? onCancelButtonPressed;


///the icon that will be rendered in the dialog
///required only when using the default constructor
late  IconData icon;

Examples

Info style blurry package

Blurry.info(
	title:  'Info blurry',
	description:
	'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididun',
	confirmButtonText:  'Confirm',
	onConfirmButtonPressed: () {
		print('hello world');
	})
.show(context);

Success style blurry package

Blurry.success(
	title:  'Success blurry',
	description:
	'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididun',
	confirmButtonText:  'Confirm',
	onConfirmButtonPressed: () {
		print('hello world');
	})
.show(context);

Error style blurry package

Blurry.error(
	title:  'Error blurry',
	description:
	'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididun',
	confirmButtonText:  'Confirm',
	onConfirmButtonPressed: () {
		print('hello world');
	})
.show(context);

Warning style blurry package

Blurry.warning(
	title:  'Warning blurry',
	description:
	'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididun',
	confirmButtonText:  'Confirm',
	onConfirmButtonPressed: () {
		print('hello world');
	})
.show(context);

Custom style blurry package

Blurry(
	icon:  Icons.verified_user,
	themeColor:  Colors.purple,
	title:  'Custom blurry',
	description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit',
	confirmButtonText:  'Confirm',
	onConfirmButtonPressed: () {})
.show(context);

Contribution

Of course the project is open source, and you can contribute to it repository link

  • If you found a bug, open an issue.
  • If you have a feature request, open an issue.
  • If you want to contribute, submit a pull request.
You might also like...

A Flutter plugin which makes it straightforward to show the native equivalent of a CupertinoAlertDialog or CupertinoActionSheet dialog

A Flutter plugin which makes it straightforward to show the native equivalent of a CupertinoAlertDialog or CupertinoActionSheet dialog

A Flutter plugin which makes it straightforward to show the native equivalent of a CupertinoAlertDialog or CupertinoActionSheet dialog

Dec 9, 2022

Widget to let the user search through a keyword string typed on a customizable keyboard in a single or multiple choices list presented as a dropdown in a dialog box or a menu.

Widget to let the user search through a keyword string typed on a customizable keyboard in a single or multiple choices list presented as a dropdown in a dialog box or a menu.

searchable_dropdown Widget to let the user search through a keyword string typed on a customizable keyboard in a single or multiple choices list prese

Sep 11, 2022

Make your native android Dialog Fancy and Gify.

Make your native android Dialog Fancy and Gify.

Make your native android Dialog Fancy and Gify. A library that takes the standard Android Dialog to the next level with a variety of styling options and Gif's. Style your dialog from code.

Jan 2, 2023

πŸš€πŸš€πŸš€ Semantic dialog

πŸš€πŸš€πŸš€ Semantic dialog

✨ flutter_custom_dialog [Language ~~] English | δΈ­ζ–‡ζ–‡ζ‘£ Global dialog function encapsulation, with a semantic way to fill the content inside the dialog,

Dec 2, 2022

A multi select form field using alert dialog to select multiple items with checkboxes and showing as chips.

A multi select form field using alert dialog to select multiple items with checkboxes and showing as chips.

A multi select form field using alert dialog to select multiple items with checkboxes and showing as chips.

Sep 7, 2022

The flutter_otp_text_field package for flutter is a TextField widget that allows you to display different style pin.

The flutter_otp_text_field package for flutter is a TextField widget that allows you to display different style pin.

flutter_otp_text_field flutter_otp_text_field The flutter_otp_text_field package for flutter is a TextField widget that allows you to display differen

Nov 8, 2022

Similar to Weibo dynamics, WeChat circle of friends, nine grid view controls to display pictures. Support single big picture preview.

Similar to Weibo dynamics, WeChat circle of friends, nine grid view controls to display pictures. Support single big picture preview.

Similar to Weibo dynamics, WeChat circle of friends, nine grid view controls to display pictures. Support single big picture preview.

Dec 28, 2022

A dart package to display a horizontal bar of customisable toggle tabs. Supports iOS and Android.

A dart package to display a horizontal bar of customisable toggle tabs. Supports iOS and Android.

toggle_bar A dart package to display a horizontal bar of customisable toggle tabs. Supports iOS and Android. Installation Depend on it. dependencies:

Jul 13, 2022

Displays a highly customizable week view (or day view) which is able to display events, to be scrolled, to be zoomed-in & out and a lot more !

Displays a highly customizable week view (or day view) which is able to display events, to be scrolled, to be zoomed-in & out and a lot more !

Displays a highly customizable week view (or day view) which is able to display events, to be scrolled, to be zoomed-in & out and a lot more !

Dec 2, 2022
Comments
  • inputTextController

    inputTextController

    There is an issue in the inputTextController. How can I get the inputTextController.text on confirm button?

    `

    showInputDialogAlert( BuildContext context, String header, String message, String confirmText, String inputLable, TextEditingController inputTextController, Function onConfirmClick, ) { Blurry dialogAlert = Blurry.input( title: header, textInputType: TextInputType.multiline, defaultTheme: DEFAULT_THEMES.error, description: message, inputLabel: inputLable, inputTextController: inputTextController, confirmButtonText: confirmText, onConfirmButtonPressed: () { print(inputTextController.text); }, ); dialogAlert.show(context); }

    `

    I'm printing the inputTextcontroller.text but it shows the empty value

    bug 
    opened by ChandAbdullah 9
  • [Question] How to dismiss the modal without cancel button

    [Question] How to dismiss the modal without cancel button

    Hello @koukibadr , I'm using Blurry and I had a problem that I can not close the modal without cancel button. I read the document and I can not find event to close the modal. Could you please show me how to close the modal without cancel button. Thanks!

    opened by khuccui2002 2
  • Rework title

    Rework title

    If I set the LAYOUT_TYPE to center, there will be an overflow between the icon and the text. Title text (and description) should be passed as Text widget, and not String, making more customization possible. When the title is too long, it overflows instead of continuing on a new line. You can't set the TextOverflow behavior.

    bug enhancement 
    opened by luca-colazzo 0
Owner
Kouki Badr
Mobile developer, Android native, iOS native and Flutter AI Research master student Bachelor degree in computer science
Kouki Badr
A Flutter widget to show a text form field to display a date or clock dialog

A Flutter widget to show a text form field to display a date or clock dialog. This widget extend TextField and has a similar behavior as TextFormField.

m3uzz Soluçáes em TI 82 Jan 6, 2023
A popup simple topModalSheet menu button widget with handsome design and easy to use

top_modal_sheet A popup simple topModalSheet menu button widget with handsome design and easy to use. Installations Add top_modal_sheet: ^1.0.0 in you

Baldemar Alejandres 5 Jul 29, 2022
RFlutter Alert is super customizable and easy-to-use alert/popup dialogs for Flutter.

RFlutter Alert is super customizable and easy-to-use alert/popup dialogs for Flutter. You may create reusable alert styles or add buttons as much as you want with ease.

Ratel 362 Jan 1, 2023
Flutter widget to show text in popup or overlay container

flutter_show_more_text_popup Flutter widget to show text in popup or overlay container Installation Add this to your package's pubspec.yaml file depen

Sanjay Sharma 44 Jul 5, 2022
A package that creates a popup when there's no internet connection

internet_popup A package that shows a pop up alert when the internet connection is lost Features auto popUp option to fix or pop the warning one line

DropDew 4 Apr 19, 2022
Progress Dialog widget for flutter projects with ability to customize loading widget, background color and background blur.

DISCONTINUED Checkout ArsDialog ars_progress_dialog Customizable progress dialog for Flutter applications with smooth animation for background dim col

Arsam 8 Apr 15, 2022
Dialog-manager - A Flutter package that allows for neater declaration, abstraction and use of customisable dialogs

flutter_dialog_manager A Flutter package that allows for neater declaration, abs

Lucky Ebere 2 Dec 28, 2022
Flutter overlay loading dialog example

flutter_overlay_loading_dialog_example Demo

Javeed Ishaq 4 Mar 24, 2022
SKAlertDialog - A highly customizable, powerful and easy-to-use alert dialog for Flutter.

SKAlertDialog A highly customizable, powerful and easy-to-use alert dialog for Flutter. GIF Screenshots SKAlertDialog Basic Alert Alert with buttons A

Senthil_Kumar 7 May 18, 2022
Flutter progress dialog. Support both Android and iOS platform.

Flutter Progress Dialog [pub packages] | Flutter progress dialog. Support both Android and iOS platform

Dylan Wu 22 Oct 9, 2022