flutter 网络加载框 LoadingDialog

最新推荐文章于 2024-05-11 18:47:08 发布

原创

最新推荐文章于 2024-05-11 18:47:08 发布 · 2.4k 阅读

1 ·

CC 4.0 BY-SA版权

本文为博主原创文章，未经博主允许不得转载。

文章标签：

#flutter #加载框 #网络 #LoadingDialog

本文介绍了如何在Flutter中创建一个自定义的网络加载对话框LoadingDialog，包括其构造函数、Widget布局以及对话框的样式设置，帮助开发者在等待网络请求时提供友好的用户体验。

class LoadingDialog extends Dialog {
  String text;

  LoadingDialog({Key key, @required this.text}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return new Material(
      //创建透明层
      type: MaterialType.transparency, //透明类型
      child: new Center(
        //保证控件居中效果
        child: new SizedBox(
          width: 100.0,
          height: 100.0,
          child: new Container(
            decoration: ShapeDecoration(
              color: Color(0xffffffff),
              shape: RoundedRectangleBorder(
                borderRadius: BorderRadius.all(
                  Radius.circular(8.0),
                ),
              ),
            ),
            child: new Column(
              mainAxisAlignment: MainAxisAlignment.center,
              crossAxisAlignment: CrossAxisAlignment.center,
              children: <Widget>[
                new CircularProgressIndicator(),
                new Padding(
                  padding: const EdgeInsets.only(