ProgressDialog in Flutter

Flutter ProgressDialog is combination of Progressbar and Alert Dialog that indicates that the application is busy. we have seen this particular widget many times in many application, like when ever we are downloading, sending request ,posting content, cancelling order, etc.

Steps to Implement ProgressDialog in Flutter

Step 1 : Create a new Flutter Application

Create a new Flutter application using command Prompt. For creating a new app, write flutter create YOUR_APP_NAME and run this command.

flutter create Progress_flutter

To know more about it refer this article: Creating a Simple Application in Flutter

Step 2 : Adding the Dependency

To add the dependency to the pubspec.yaml file, add shimmer as a dependency in the dependencies part of the pubspec.yaml file as shown below:

dependencies:
 progress_dialog_null_safe: ^3.0.0

Now run the below command in terminal.

flutter pub get

Step 3 : Importing the Dependency

Use the below line of code in the main.dart file, to import the shimmer dependency :

import 'package:progress_dialog_null_safe/progress_dialog_null_safe.dart';;

Step 4 : Progress dialog flow

-

-

-

-

-

Complete source code (main.dart)

Output :

To know more about ElevatedButton in flutter refer this article: Flutter – ElevatedButton Widget