加载

全局加载小部件,可通过简单配置使用。

纯Flutter库,不使用原生代码。

用法类似于OKToast。

截图

Screenshot_2019-05-21-14-08-42-731_com.example.ex.png

用法

  • 安装

添加到yaml

版本为 pub package

dependencies:
  load: $latest_version
  • 导入
import 'package:load/load.dart';
  • 包装你的应用程序
void main() {
  runApp(
    LoadingProvider(
      child: MyApp(),
    ),
  );
}

or

LoadingProvider(
  child: MaterialApp(),
);

查看 example/lib/main.dart

  • 显示或隐藏对话框
showLoadingDialog();
showCustomLoadingWidget(Container()); // custom dialog
hideLoadingDialog();

高级用法

自定义加载小部件

使用 LoadingThemeDataloadingWidgetBuilder

LoadingProvider(
    loadingWidgetBuilder: (ctx, data) {
    return Center(
        child: SizedBox(
        width: 30,
        height: 30,
        child: Container(
            child: CupertinoActivityIndicator(),
            color: Colors.blue,
        ),
        ),
    );
    },
    child: MyApp(),
),

image

自定义一些配置

所有参数都是可选的

参数 类型 默认值 描述
backgroundColor 颜色 Colors.black54 背景透明遮罩
tapDismiss 布尔值 触摸背景时是否关闭?
loadingBackgroundColor 颜色 Colors.white 中心加载小部件的背景颜色
loadingPadding EdgeInsets EdgeInsets.all(8.0) 中心加载小部件的内边距
loadingSize Size Size(55,55) 中心加载小部件的尺寸
animDuration 持续时间 Duration(milliseconds: 300) 显示/隐藏时间间隔

GitHub

https://github.com/CaiJingLong/flutter_load_widget