Progress Dialog widget for flutter projects with ability to customize loading widget, background color and background blur.

Arsam

Last update: Apr 15, 2022

Overview

DISCONTINUED

Checkout ArsDialog

ars_progress_dialog

Customizable progress dialog for Flutter applications with smooth animation for background dim color and blur.

Example

Getting Started

Install

Add dependency to pubspec.yaml file :
ars_progress_dialog: 0.0.1

Run this command :
$ flutter pub get

Import

Import class in your project :
import 'package:ars_progress_dialog/ars_progress_dialog.dart';

Showing Dialog

Show simple progress dialog :

ArsProgressDialog progressDialog = ArsProgressDialog(
	context,
	blur: 2,
	backgroundColor: Color(0x33000000),
	animationDuration: Duration(milliseconds: 500));
	
	progressDialog.show(); // show dialog
	progressDialog.dismiss(); //close dialog

Customize loading widget :

 ArsProgressDialog customProgressDialog = ArsProgressDialog(
	 context,
	 blur: 2,
	 backgroundColor: Color(0x33000000),
	 loadingWidget: Container(
		 width: 150,
		 height: 150,
		 color: Colors.red,
		 child: CircularProgressIndicator(),    
    ));

Properties

Name	Type	Description	Default
backgroundColor	Color	Dialog dim(background) Color	Color (0x99000000)
blur	double	Blur amount of dialog background	0
dismissable	bool	Setting this true lets user dismiss dialog by touching outside of it.	true
onDismiss	Function	This function triggers when user dismisses dialog.	-
loadingWidget	Widget	Dialog's widget. You can use your own widget when showing dialog.	simple widget
useSafeArea	bool	Setting this to false makes dialog background fullscreen but when you set it true blur and background color will not apply on status bar, navigation bar and ...	false
animationDuration	Duration	This duration defines how much will take for blur and background color to appear.	Duration (milliseconds : 300)

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

Dec 9, 2022

🚀🚀🚀 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

Flutter Color Picker Wheel - an easy to use widget which can be heavily customized

Flutter Color Picker Wheel Flutter Color Picker Wheel is an easy to use widget which can be heavily customized. You can use the WheelColorPicker direc

Oct 4, 2022

The color of the widget is different with the counter application

GoldenTestのお試しをしてみた https://pub.dev/packages/golden_toolkit このライブラリを使って、検証するちなみにマスターのスクリーンショットをGoldenというらしい。カウンターアプリでWidgetのカラーが違う場合をテストしてみた OK想定 NG

Oct 18, 2021

An advanced switch widget, that can be fully customized with size, text, color, radius of corners.

flutter_advanced_switch An advanced switch widget, that can be fully customized with size, text, color, radius of corners. Switch Light Switch Dark Ge

Dec 15, 2022

Widget Background App Bar

Widget Background App Bar A background app bar plugin, use this plugin if you want to preserve background of sliver app bar when scrolling, inspired b

Nov 11, 2022

A Simple and easy to use flutter package for showing progress bar.

progress_dialog A Simple and easy to use flutter package for showing progress bar. #Usage Import the package import 'package:custom_progress_dialog/cu

May 23, 2022

Flutter progress button

flutter_progress_button flutter_progress_button is a free and open source (MIT license) Material Flutter Button that supports variety of buttons style

Dec 6, 2022

Square progress bar

Square progress bar because why not 😎 Features Dynamic sizing Animated progress bar Gradient color progress bar Prgreess bar cap shape customization

Dec 2, 2022

Comments

[Feature] Show text below progress widget

Sometimes it is interesting to present a text to the user informing the action being taken. The suggestion is to add an optional parameter in which we can pass a widget to display just below the progress

opened by ReniDelonzek 3