Flutter网络请求关闭Loading对话框

最新推荐文章于 2024-07-07 03:59:39 发布
最新推荐文章于 2024-07-07 03:59:39 发布
阅读量4.6k 收藏
点赞数
分类专栏： Flutter开发 文章标签： Flutter 网络请求 Flutter Loading弹框
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xudailong_blog/article/details/95666116
版权
本文介绍了在Flutter中如何在进行网络请求前后显示和关闭Loading对话框。提供了两种方法，一种是直接在异步任务完成后关闭，另一种是通过回调函数实现。详细代码展示了解决这一常见场景的方法。
摘要由CSDN通过智能技术生成
使用场景

在使用Flutter中，无论是异步任务执行成功与否，都要进行网络请求前的对话框加载，在请求结束后进行对话框的关闭。

面对这种场景，有两种方法，

一种是在then或catch中关闭一下对话框，

第二种就是使用Future的whenComplete回调

代码如下：
Future.delayed(new Duration(seconds: 2),(){
   
   //return "hi world!";
最低0.47元/天 解锁文章
xudailong_blog
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
flutter_easyloading:clean适用于Flutter的简洁轻巧的loadtoast小部件，易于使用，无需上下文，支持iOS，Android和Web
05-04
颤振EasyLoading English | 实时预览 :backhand_index_pointing_right: 正在安装 将此添加到包的pubspec.yaml文件中： dependencies : flutter_easyloading : ^3.0.0 进口 import 'package:flutter_easyloading/flutter_easyloading.dart' ; 如何使用 首先，在您的MaterialApp / CupertinoApp初始化EasyLoading ： class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build ( BuildContext context) { return MaterialApp (
flutter实现一个自定义的LoadingDialog
qq_44756582的博客
07-21 807
实现一个LoadingDialog 基础知识 系统弹窗的基本使用 flutter中使用弹窗应该用flutter提供的showDialog方法 void _showAlertDialog() async { var res = await showDialog( context: context, child: AlertDialog( title: Text('测试'), content: Text('这是一个测试窗口'),
flutter 提醒框 AlertDialog
cxb131427的博客
07-07 446
【代码】提醒框 AlertDialog。
flutter loading前一个界面关闭后一个界面的loading
weixin_44911775的博客
05-06 254
前一个界面dispose销毁，后一个界面的init显示，前一个界面居然会把后一个界面的loading关掉了，特别是三个tab切换的界面，每个界面初始化时都loading，加载数据，数据还没加载出来，上一个界面dispose的时候把下一个界面的loading关掉了，处理：那就dispose不关闭，在导航页销毁时才关闭。
Flutter工具类（六）loading弹窗
qq_42795723的博客
09-28 1269
Flutter 弹窗
Futter网络请求封装，最骚气、最强大 ，自带loading、错误处理，堪比RxJava效果
哦，也好的博客
03-28 5369
看了网上很多的Flutter网络请求的封装，感觉都不能达到自己想要的那种效果，所以自己动手封装了一个，由于Future很多骚气的操作 未开发出来，所有用了rxDart处理网络请求结果，同样骚气 实现功能 自动加载loading，统一的请求错误处理，也可以单独处理请求结果 页面销毁，网络请求可以自动取消，也可以不取消 请求结果转化为实体类，方便使用 自定义拦截器 先看调用方式： Requ...
Flutter实现网络请求的方法示例
01-05
Flutter网络请求使用的是Dio。Dio是一个强大易用的dart http请求库，支持Restful API、FormData、拦截器、请求取消、Cookie管理、文件上传/下载……. Flutter json数据解析是使用了json_serializable package包。它...
Flutter 网络请求框架封装详解
08-26
Flutter 网络请求框架封装详解 Flutter 网络请求框架封装详解是指在 Flutter 应用程序中封装网络请求框架，以便更方便地进行网络数据交互。在本文中，我们将主要介绍 Flutter 网络请求框架封装详解，并比较三种...
Flutter 实战开发-网络请求demo
09-19
在Flutter实战开发中，网络请求是必不可少的一部分，它允许应用获取远程数据，如API接口返回的JSON数据，实现数据的动态加载和更新。本篇内容将深入探讨Flutter中的网络请求，以及如何通过实际示例来实现一个简单的...
Flutter 网络请求
01-07
Flutter中第三方网络请求库http https://github.com/zeke123/http pubspec.yaml dependencies: http: ^0.12.0+2 import 'package:http/http.dart' as http; Flutter中Map与json字符串相互转换 Map mapType = {...
Flutter网络请求：驾驭数据的力量
最新发布
07-10
Flutter是一个由Google开发的开源移动UI框架，用于构建高效、高性能的iOS和Android应用程序。Flutter使用Dart语言作为开发语言，这是一门简洁、强类型、并且专为客户端应用性能设计的编程语言。 ### Flutter的主要...
Flutter通过FutureBuilder实现异步请求网络数据并显示加载中Demo
04-11
Flutter通过FutureBuilder实现异步请求网络数据并显示加载中Demo，详情请看博客Flutter中的异步（Future、async、await、FutureBuilder）和 网络请求：https://yuzhiqiang.blog.csdn.net/article/details/89155870
Flutter之Loading框
小小熊的博客
07-24 3384
Flutter之Loading框 创建一个loading框 class LoadingDialog extends Dialog { @override Widget build(BuildContext context) { return Center( child: Material( color: Colors.black38, child: Center( child: SizedBox( wid
Flutter网络请求库Dio的封装（单例、动态baseUrl、拦截器、日志、请求loading）
coder_e的博客
07-23 4011
封装网络请求的几个好处： 便于统一配置请求参数，如header，公共参数，加密规则等 方便调试，详细的日志打印信息 优化代码性能，避免到处滥new对象，构建全局单例 简化请求步骤，只暴露需要的响应数据，而对错误的响应统一回调 对接口数据的基类封装，简化解析流程 无侵入的，灵活的请求loading配置 请求loading自动化 只需要传递一个参数，就可以为请求加上Loading效果，没有任何的代码入侵 var params = DataHelper.getBaseMap(); params.c
Flutter自定义一个不依赖context的loading提示对话框
City_Coder的博客
06-29 1327
      前段时间自学了dart、flutter，想着学习了又不用那很快就会忘记，于是打算将现有的App项目用flutter写一遍。       写的过程中，发现用flutter写一个网络请求的loading提示不是那么顺手提示，网上搜索了些也没找到满意的、于是仿Android自定义了一个loading，效果图如下：      &n
flutter 弹窗flutter_easyloading
weixin_44911775的博客
06-08 1718
网上很多自定义弹窗界面，可以通过界面跳转的方式显示和隐藏，但是对于我来说有点难，因为弹窗往往会结合网络请求，这时候用插件的方式会好很多 插件地址如下 首先在界面初始化 然后使用......
【Flutter】Flutter 中处理 loading 状态
Code Metaverse
06-13 2366
我们创建了一个 Stateful Widget，并在其状态中添加了一个 `_isLoading` 变量来控制 loading 状态
flutter显示dialog的问题
11-09 5313
要自动显示一个dialog，但是，有动画在运行，不断地调用setstate，然后调用build，最终导致直接背景成为黑色的，dialog也在不断重构 解决方法是显示dialog的时候让动画暂停 import 'package:flutter/material.dart'; import 'dart:async'; import 'package:flutter_localizations/f...
Flutter EasyLoading
华山论码
11-04 3497
如何使用： 添加依赖库： flutter_easyloading: ^3.0.3 导入： import 'package:flutter_easyloading/flutter_easyloading.dart'; EasyLoading.show(status: 'loading...'); EasyLoading.showProgress(0.3, status: 'downloading...'); EasyLoading.showSuccess('Great Success!');
flutter 请求前加loading
08-22
在使用Flutter进行网络请求时，一种常见的做法是在请求前使用对话框进行加载。这可以让用户知道正在进行网络请求，并避免用户重复点击造成的问题。可以通过以下步骤实现： 1. 首先，在你的Flutter项目中引入对话框加载所需的依赖库。这可以通过在`pubspec.yaml`文件中添加对应库的依赖来完成。 2. 在需要进行网络请求的地方，例如一个按钮的点击事件中，先显示一个对话框来表示正在加载。你可以使用Flutter提供的`showDialog`方法来创建一个对话框，并在其中显示一个加载动画或者文本。 3. 在网络请求结束后，关闭对话框。可以在请求的回调函数中调用关闭对话框的方法，例如使用`Navigator.of(context).pop()`方法来关闭对话框。 通过以上步骤，你就可以在Flutter中实现在请求前加入加载的效果了。这样能够给用户一个良好的反馈，让他们知道正在进行网络请求，并且避免了重复点击的问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Flutter网络请求关闭Loading对话框](https://blog.csdn.net/xudailong_blog/article/details/95666116)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [WanAndroid-Flutter:Flutter版本 WanAndroid客户端 适合Flutter入门学习](https://download.csdn.net/download/weixin_42098830/16676260)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [flutter 请求封装](https://blog.csdn.net/zzttwzq/article/details/125107146)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值