load
Global loading widget, which can be used through simple configuration.
Pure flutter library, not use native code.
It is similar to OKToast in use.
ScreenShot
Usage
- install
Add to yaml
version is
dependencies:
load: $latest_version
- import
import 'package:load/load.dart';
- wrap your application
void main() {
runApp(
LoadingProvider(
child: MyApp(),
),
);
}
or
LoadingProvider(
child: MaterialApp(),
);
Debug custom loading widget in Flutter inspector
You can try to use next method to include the widget:
MaterialApp(
builder: (context, widget) {
return LoadingProvider(
child: widget,
);
},
);
see example/lib/main.dart
- show or hide dialog
showLoadingDialog();
showCustomLoadingWidget(Container()); // custom dialog
hideLoadingDialog();
Advanced Usage
Custom Loading Widget
Using LoadingThemeData and loadingWidgetBuilder
LoadingProvider(
themeData: LoadingThemeData(),
loadingWidgetBuilder: (ctx, data) {
return Center(
child: SizedBox(
width: 30,
height: 30,
child: Container(
child: CupertinoActivityIndicator(),
color: Colors.blue,
),
),
);
},
child: MyApp(),
);
Custom some config
All params is optional
| Params | Type | Default Value | Desc |
|---|---|---|---|
| backgroundColor | Color | Colors.black54 | Background transparent mask |
| tapDismiss | bool | true | Will it close when touching the background? |
| loadingBackgroundColor | Color | Colors.white | Background color for the center Loading Widget |
| loadingPadding | EdgeInsets | EdgeInsets.all(8.0) | Padding for the center Loading Widget |
| loadingSize | Size | Size(55,55) | Size for the center Loading Widget |
| animDuration | Duration | Duration(milliseconds: 300) | Show/Hide Time Duration |
4 Jul 27, 2022
6 Dec 25, 2022
69 Jan 5, 2023
2 May 30, 2022
174 Sep 27, 2022
8 Oct 3, 2022
31 Oct 18, 2022
18 Dec 16, 2022
10 Dec 31, 2022
104 Nov 7, 2022
76 Dec 20, 2022
9 Nov 1, 2022
292 Dec 19, 2022
59 Dec 24, 2022
6 Nov 15, 2022
4 Aug 1, 2022
15 Sep 5, 2022
20 Oct 10, 2022
7 Nov 26, 2022