block_ui

Description:

block ui

block_ui #
Easily disable UI during async operation #
Block UI is a amazing package that helps you add an overlay loader during all your async
operations.
Here's how : #

BlockUi.show(context) - Shows loader overlay✨
BlockUi.hide(context) - Hides the overlay after operation✨

Features #

Fully Customizable Overlays
Image Background Support
Use a custom loader

Usage #
1. Simple Overlay #
ElevatedButton(
onPressed:(){
BlockUi.show(context);
//Async Operation (For e.g Future.delayed(Duration(milliseconds: 1000))
BlockUi.hide(context);
}
)
copied to clipboard
2. Customised Overlay #
ElevatedButton(
onPressed:(){
BlockUi.show(
context,
backgroundColor: Colors.black, // Change Background Color
child: Text("Please Wait..."), // Change the center widget
);
//Async Operation (For e.g Future.delayed(Duration(milliseconds: 1000))
BlockUi.hide(context);
}
)
copied to clipboard
Check out examples section, for more examples of block_ui.
Properties #
Here are the different properties of block_ui that you can use to customise it.



Properties
Description




context
Buildcontext context


child
Add a different widget in the center. You can also add custom loaders/text/images, etc.


backgroundColor
Change background color


backgroundWidget
Change background widget



Development #
Want to contribute? Great!
Contribute Here
License #
MIT