progress_dialog_null_safe

Description:

progress dialog null safe

progress_dialog #
A light weight package to show progress dialog. As it is a stateful widget, you can change the text shown on the dialog dynamically.
This is the original package and it's owner
https://github.com/fayaz07/progress_dialog
It was discontinued by him, but i really liked the package so I am trynna revive it :D
I added null safety and updated most of the stuff making it null safe and useable again :)
Demo #

How to use #
Import the package in your dart file
import 'package:progress_dialog/progress_dialog_null_safe.dart';
copied to clipboard
Create and initialise a ProgressDialog object inside the build() method passing context to it

Initialize the ProgressDialog object
final ProgressDialog pr = ProgressDialog(context);
copied to clipboard

By default it is a normal dialog to show some message, if you would like to use it to show percentage of progress done, specify the optional type parameter and specify if you want your dialog to dismiss when back button is pressed isDismissible parameter (Optional)
//For normal dialog
pr = ProgressDialog(context,type: ProgressDialogType.Normal, isDismissible: true/false, showLogs: true/false);

//For showing progress percentage
pr = ProgressDialog(context,type: ProgressDialogType.Download, isDismissible: true/false, showLogs: true/false);
copied to clipboard

> Note: Please initialize the ```ProgressDialog```, where you have availability of the context
Style the progress dialog (Optional)
pr.style(
message: 'Downloading file...',
borderRadius: 10.0,
backgroundColor: Colors.white,
progressWidget: CircularProgressIndicator(),
elevation: 10.0,
insetAnimCurve: Curves.easeInOut,
progress: 0.0,
textDirection: TextDirection.rtl,
maxProgress: 100.0,
progressTextStyle: TextStyle(
color: Colors.black, fontSize: 13.0, fontWeight: FontWeight.w400),
messageTextStyle: TextStyle(
color: Colors.black, fontSize: 19.0, fontWeight: FontWeight.w600)
);
copied to clipboard
Note: You don't need to use all parameters, all of them are optional
copied to clipboard

Showing the progress dialog
await pr.show();
copied to clipboard


Dynamically update the content shown out there
pr.update(
progress: 50.0,
message: "Please wait...",
progressWidget: Container(
padding: EdgeInsets.all(8.0), child: CircularProgressIndicator()),
maxProgress: 100.0,
progressTextStyle: TextStyle(
color: Colors.black, fontSize: 13.0, fontWeight: FontWeight.w400),
messageTextStyle: TextStyle(
color: Colors.black, fontSize: 19.0, fontWeight: FontWeight.w600),
);
copied to clipboard
Note: You don't need to use all parameters, all of them are optional
copied to clipboard


Dismissing the progress dialog
pr.hide().then((isHidden) {
print(isHidden);
});

// or
await pr.hide();
copied to clipboard



Navigating to next screens must be done after the completion of Future - hide(). See here for example

Check if progress dialog is showing #
bool isProgressDialogShowing = pr.isShowing();
print(isProgressDialogShowing);
copied to clipboard
Use custom body #
pr = ProgressDialog(
context,
type: ProgressDialogType.Normal,
isDismissible: true,
/// your body here
customBody: LinearProgressIndicator(
valueColor: AlwaysStoppedAnimation<Color>(Colors.blueAccent),
backgroundColor: Colors.white,
),
);
copied to clipboard

Demo #

Default configuration/styles #
If you don't like to configure/style the dialog and continue with the default style, it's okay but just have a look at our default configuration.



Attribute
Value




Dismissible
true


ProgressDialogType
ProgressDialogType.Normal


BackgroundColor
Colors.white


BorderRadius
RoundedRectangularBorder(radius: 8.0)


AnimationCurve
Curves.easeInOut


Elevation
8.0


ProgressWidget
Double_rings_loding_indicator


MessageTextStyle
color: Colors.black, fontSize: 19.0, fontWeight: FontWeight.w600


ProgressTextStyle
color: Colors.black, fontSize: 13.0, fontWeight: FontWeight.w400


showLogs
false



Well let's discuss limits for configuring it



Attribute
Can be updated during instantiating
Can be updated during styling
Can be updated during dialog is shown




Dismissible
Yes
No
No


ProgressDialogType
Yes
No
No


BackgroundColor
No
Yes
No


BorderRadius
No
Yes
No


AnimationCurve
No
Yes
No


Elevation
No
Yes
No


ProgressWidget
No
Yes
Yes


MessageTextStyle
No
Yes
Yes


ProgressTextStyle
No
Yes
Yes


ShowLogs
Yes
No
No



Loading indicator -> https://loading.io/