loading加载中组件封装

loading封装

import 'package:flutter/material.dart';class LoadingShop {// 当前 loading 是否正在显示，防止用户连续点击时重复弹出多个 Dialog。bool _isShowing = false;// 显示 loading。//// ctx：页面的 BuildContext，用来找到当前页面所在的 Navigator。// text：loading 下方的提示文字，不传时默认显示“加载中...”void show(BuildContext ctx, {String text = '加载中...'}) {if (_isShowing) return;if (!ctx.mounted) return;_isShowing = true;showDialog<void>(// context：Dialog 要挂载到哪个页面上。context: ctx,// barrierDismissible：是否允许点击半透明遮罩关闭 Dialog。// loading 一般不允许用户手动点掉，所以这里设置为 false。barrierDismissible: false,// useRootNavigator：使用根 Navigator 弹出 Dialog。// 页面里如果有嵌套 Navigator，用 true 更容易保证 hide 时能关到这个全局 loading。useRootNavigator: true,// builder：真正返回 Dialog 内容的地方。builder: (dialogCtx) {return Dialog(// backgroundColor：Dialog 自己的背景色。backgroundColor: Colors.black87,// elevation：阴影高度，数值越大，看起来越“浮起来”。elevation: 8,// shadowColor：阴影颜色。shadowColor: Colors.black54,// surfaceTintColor：Material 3 里给表面叠加的颜色。// 这里设为透明，避免黑色 Dialog 被系统额外染色。surfaceTintColor: Colors.transparent,// insetPadding：Dialog 距离屏幕边缘的最小距离。insetPadding: const EdgeInsets.symmetric(horizontal: 40),// shape：Dialog 的外形，这里设置圆角。shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12),),// child：Dialog 里面真正显示的内容。child: Padding(padding: const EdgeInsets.symmetric(horizontal: 28, vertical: 24),child: Column(// mainAxisSize.min：内容有多高，Dialog 就占多高，不撑满屏幕。mainAxisSize: MainAxisSize.min,children: [const SizedBox(width: 32,height: 32,child: CircularProgressIndicator(strokeWidth: 3,color: Colors.white,),),const SizedBox(height: 14),Text(text,style: const TextStyle(color: Colors.white,fontSize: 15,fontWeight: FontWeight.w500,),),],),),);},).whenComplete(() {_isShowing = false;});}// 隐藏 loading。//// rootNavigator: true 要和 show 里的 useRootNavigator: true 对应，// 这样才能关闭同一个 Navigator 上弹出来的 Dialog。void hide(BuildContext ctx) {if (!_isShowing) return;if (!ctx.mounted) return;Navigator.of(ctx, rootNavigator: true).pop();_isShowing = false;}
}// 全局 loading 实例。
//
// 使用方式：
// loadingnew.show(context);
// loadingnew.hide(context);
final LoadingShop loadingnew = LoadingShop();