Last updated:
0 purchases
scrumlab progress dialog
scrumlab_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.
Thank you for being a user of this package, this package is discontinued due to serveral reasons, please find the other library which you can use to accomplish the task which this package does and I believe that package will be more helpful. Please find the repo link here for OTS (Over the screen)
Supported Dart Versions #
Dart SDK version >= 2.12.0 < 4.0.0
Demo #
Installation #
Add the Package
dependencies:
scrumlab_progress_dialog: ^2.0.0
copied to clipboard
How to use #
Import the package in your dart file
import 'package:scrumlab_progress_dialog/scrumlab_progress_dialog.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
Want to contribute? #
Pull requests and issues are always welcome!
How to contribute?
Fork the repository
Clone it to your local machine
Open the project in your favourite editor
Open cmd/terminal and run flutter clean and then flutter packages get
Make the changes
Create a Pull Request
View the issues here
This library is only tested for Android, iOS contributors are most welcome
Loading indicator -> https://loading.io/
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
There are no reviews.