flutter_load_widget

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.

• load
  • ScreenShot
  • Usage
  • Advanced Usage
    • Custom Loading Widget
    • Custom some config

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