h5自适应网站模板下载,租电信服务器开网站,网上下载的网页模板怎么用,wordpress用户积分中心get dialog的官网文档#xff1a;GetDialogRoute class - dialog_route library - Dart API 可以使用Get.dialog()方法来创建一个自定义的加载弹窗#xff0c;get框架是支持自定义弹窗效果的#xff0c;所以我们就使用这个方式来自定义一个弹窗效果#xff0c;并且点击遮罩…get dialog的官网文档GetDialogRoute class - dialog_route library - Dart API 可以使用Get.dialog()方法来创建一个自定义的加载弹窗get框架是支持自定义弹窗效果的所以我们就使用这个方式来自定义一个弹窗效果并且点击遮罩区域可以实现关闭这个功能要先在组件里面创建一个loading.dart文件然后代码如下
import package:flutter/material.dart;
import package:get/get.dart;class LoadingDialog {static show() {Get.dialog(GestureDetector(child: Container(color: Colors.black54,child: const Center(child: CircularProgressIndicator(valueColor: AlwaysStoppedAnimationColor(Colors.white),),),),onTap: () {// 点击是否退出模态框Get.back();},),barrierDismissible: false,);}static hide() {Get.back();}
}然后在组件中使用如果你想在路由跳转的时候就展示loading效果就可以在Get.toName()跳转后立马调用 然后当页面数据加载完之后隐藏loading 我这里使用了延时两秒来关闭弹窗不然无法关闭 getGoods() async {var res await userApi.getGoods();var goodsData res[response_data][data];setState(() {goods goodsData;});//Future.delayed(Duration(seconds: 2), () {print(退出加载...);// Get.back();LoadingDialog.hide();});}