好看的ui网站页面设计,富阳区建设局网站多少,微商城app官方下载,网站开发 职位描述背景#xff1a; 在使用GetX框架时#xff0c;同时使用了Get.snackbar提示框和Get.dialog加载框#xff0c;当这两个widget同时存在时#xff0c;Get.dialog加载框调用Get.back()无法正常关闭。
冲突解释#xff1a; 之所以会产生冲突#xff0c;是因为Get.snackbar在关…背景 在使用GetX框架时同时使用了Get.snackbar提示框和Get.dialog加载框当这两个widget同时存在时Get.dialog加载框调用Get.back()无法正常关闭。
冲突解释 之所以会产生冲突是因为Get.snackbar在关闭时会有一个动画这个动画的默认持续时间为1s这个动画的持续时间内Get.snackbar并没有真正意义上的关闭这时候我们调用Get.back()是无法关闭Get.dialog。
实现
创建一个统一的SnackBarManager去管理提示框。
import package:get/get.dart;
import package:flutter/material.dart;class SnackBarManager {factory SnackBarManager() instance;static final SnackBarManager instance SnackBarManager._internal();SnackBarManager._internal();String _lastMessage ;int _lastDuration 0;int _lastTime 0;void showSnackBar(String title, String message, {Color? backgroundColor, Duration? duration}) {var currentTime DateTime.now().millisecondsSinceEpoch;// 相同消息持续时间内重复提交时返回if (currentTime - _lastTime _lastDuration * 1000 _lastMessage message) {return;}dismissSnackBar();Get.snackbar(title,message,backgroundColor: backgroundColor ?? Colors.black12,duration: duration ?? Duration(seconds: 2), // 提示框持续时间animationDuration: Duration(milliseconds: 0), // 过渡动画的时间这里设置为0是为了在使用Get.dialog时避免关闭冲突);_lastDuration duration?.inSeconds ?? 2;_lastTime DateTime.now().millisecondsSinceEpoch;_lastMessage message;}void dismissSnackBar() {Get.closeCurrentSnackbar();}
}这是一个避免重复显示的显示的提示框可参考博客Flutter中Get.snackbar避免重复显示的实现 2. 创建一个LoadingDialog去实现加载框。
import package:flutter/material.dart;
import package:get/get.dart;
import package:get/get_core/src/get_main.dart;class LoadingDialog {static void show([String? msg]) {Get.dialog(PopScope(canPop: false,child: Center(child: Container(padding: EdgeInsets.symmetric(horizontal: 24, vertical: 16), // 减小内边距decoration: BoxDecoration(color: Colors.white,borderRadius: BorderRadius.circular(8),),child: Row(mainAxisSize: MainAxisSize.min, // 设置为最小宽度children: [SizedBox(width: 24, // 减小加载图标尺寸height: 24,child: CircularProgressIndicator(strokeWidth: 2.0, // 可以适当减小进度条宽度),),SizedBox(width: 12), // 减小间距Text(msg ?? 加载中...,style: TextStyle(fontSize: 14, color: Colors.black), // 可以适当调整字体大小),],),),),),barrierDismissible: false,);}static void hide() {if (Get.isDialogOpen ?? false) {// 先关闭 SnackbarGet.closeCurrentSnackbar();// 添加延迟以确保 Snackbar 已关闭Future.delayed(Duration(milliseconds: 100), () {if (Get.isDialogOpen ?? false) {Get.back();}});}}
}在关闭加载框之前会先关闭提示框由于Get.snackbar动画时长已经设置为0此时延迟100ms后再关闭加载框是没有问题的。
