美文网首页Flutter
Flutter-手撸一个加载弹框LoadingDialog

Flutter-手撸一个加载弹框LoadingDialog

作者: 天玉gyn | 来源:发表于2019-07-03 14:31 被阅读32次

loading_dialog

A flutter widget of loading dialog.Easy to use.

Installing

dependencies:
  loading_dialog: ^0.0.1+1 #latest version

Getting Started

Default

LoadingDialog loading = LoadingDialog(context);
loading.show();
loading.hide();

Your custom

LoadingDialog loadingDialog = LoadingDialog(
  buildContext: context,
  loadingView: null, //yourself loading view ,default is CircularProgressIndicator
  radius: 15, //dialog bg radius
  elevation: 0, //dialog elevation
  size: 50, // loading view size
  padding: 10, //text to loading view
  width: 150, //dialog width
  height: 150, //dialog height
  loadingMessage: "Loading...", //your message,if null dismiss
  textColor: Colors.black54, //message text color
  textSize: 14,//message text size
  style: LoadingDialogStyle.horizontal, // or vertical
  backgroundColor: Colors.white, //dialog background color
  barrierColor: Colors.black54, //window color
  barrierDismissible: true, //touch window dismiss
);

上面属性可以针对自己需求设置

Simulator Screen Shot - iPhone Xʀ - 2019-07-03 at 14.59.14.png
Simulator Screen Shot - iPhone Xʀ - 2019-07-03 at 14.49.29.png

相关文章

网友评论

    本文标题:Flutter-手撸一个加载弹框LoadingDialog

    本文链接:https://www.haomeiwen.com/subject/fnsqqctx.html