blurry_modal_progress_hud

Creator: coderz1093

Last updated:

Add to Cart

Description:

blurry modal progress hud

blurry_modal_progress_hud #
This is a clone and upgrade of modal_progress_hud #
Just like modal_progress_hud this is a simple widget wrapper to enable modal progress hud (a modal progress indicator, hud = heads up display)
How it works #


See example for details
Installation #
Add the blurry_modal_progress_hud package to your pubspec.yml file.
dependencies:
blurry_modal_progress_hud: ^1.1.1
copied to clipboard
Import the package into your dart file
import 'package:blurry_modal_progress_hud/blurry_modal_progress_hud.dart';
copied to clipboard
Usage #
/// Wrap around any widget that makes an async call to show a modal progress
/// indicator while the async call is in progress.

/// The progress indicator can be turned on or off using [inAsyncCall]

/// The blurry effect's intensity can be be controlled using [blurEffectIntensity]

/// The progress indicator defaults to a [CircularProgressIndicator] but can be
/// any kind of widget. For this example the SpinKitFadingCircle package is used

/// The modal barrier can be dismissed using [dismissible]

/// The opacity of the modal barrier can be set using [opacity]

/// The color of the modal barrier can be set using [color]

/// The progress indicator can be positioned using [offset] otherwise it is
/// centered

BlurryModalProgressHUD(
inAsyncCall: isLoading,
blurEffectIntensity: 4,
progressIndicator: SpinKitFadingCircle(
color: purpleColor,
size: 90.0,
),
dismissible: false,
opacity: 0.4,
color: black97Color,
child: Scaffold(),
);
copied to clipboard
Options #
Most of the parameters can be customized via the constructor
BlurryModalProgressHUD({
Key? key,
required this.inAsyncCall,
this.opacity = 0.3,
this.color = Colors.grey,
this.blurEffectIntensity = 1.0,
this.progressIndicator = const CircularProgressIndicator(),
this.offset,
this.dismissible = false,
required this.child,
});
copied to clipboard
Example #
See the example for a complete sample app using the blurry_modal_progress_hud
Contact #
Contact me via email edinjoey@gmail.com

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Customer Reviews

There are no reviews.