Customizable progress dialog for Flutter with smooth animation

ars_progress_dialog

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

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)

GitHub

https://github.com/arsamme/flutter-progress-dialog