Flutter FutureBuilder+Dio异步调用心得

本文分享了使用Flutter的FutureBuilder结合Dio进行异步网络调用的心得体会,强调了Dio返回Response对象对于FutureBuilder捕获异常的重要性。作者通过实例代码展示了如何在页面加载时异步获取数据并渲染,同时提供了延迟加载的实现方法,以突出加载动画效果。
摘要由CSDN通过智能技术生成

Future用了一段时间,异步和序列化还有网络这块真的是头大,现在算搞明白了点。
FutureBuilder 要想实现Dio网络请求完成后再加载,必须DIO要返回Response对象才行,不然FutureBuilder拿不到异常,失败了他也不知道,DIO就简单封装一下把URL地址和请求的参数封一下就可以了,返回必须是Response,不要画蛇添足加try catch之类的,有异常DIO在非调试模式下不会抛出来,加了反而起反作用,这个问题研究了三天才整明白,切记。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
最后在无连接时的效果
在这里插入图片描述

上代码:
主要解决页面进入时要异步读完数据再渲染页面的问题
//初始化获取数据

     @override
  initState() {
    print('初始化ReserveView');
    reserveStatMenu = Common.reserveStatMenu;
    reserveTypeMenu = Common.reserveTypeMenu;
    reserveFloorMenu = Comm
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值