码迷,mamicode.com
首页 > 其他好文 > 详细

7-5 高级功能列表下拉刷新与上拉加载更多功能实现

时间:2020-01-16 01:23:57      阅读:100      评论:0      收藏:0      [点我收藏+]

标签:dispose   一个   its   null   加载   延迟   load   功能   结束   


技术图片

技术图片

技术图片
数组还是那个数组,只不过这里由静态类型改成了非静态类型。
技术图片
改成了有状态的widget
技术图片

技术图片
用RefreshIndicator包裹ListView。这样ListView就有了下拉刷新的能力。
技术图片
下拉,松开的的手的时候会执行刷新,也就是onRefresh这个方法。这个方法要求我们传递一个必须带有Future返回值的方法
技术图片
所以这里我们定义了带有Future返回值的方法。这个方法里面如果我们不想返回值的内容,就在Future的泛型设置为Null。也就是Future<Null>
技术图片
下拉刷新的方法,延迟2秒钟,修改状态用setState对数组进行取反。取反后转换为List
技术图片

技术图片
技术图片
刷新后,数组取反,拉萨排第一
技术图片
上拉加载更多。
技术图片

技术图片
技术图片
技术图片

技术图片
这里构建了一个ScrollController的实例
技术图片
然后在这里增加了Listener回调。
maxScrollExtent最大可滚动位置。就是列表到达了底部。这个时候就是我们触发加载更多的逻辑。所以调用了_loadData方法
技术图片
把原来的数组复制一份新的
技术图片
数组又加载了一份。
技术图片

运行效果


initState是生命周期的开始。dispose是声明周期的结束。在结束的时候 释放了_scrollController.dispose();让我们及时的把我们添加的listener移除掉。这样能减少一些性能上损耗。
技术图片
列表既增加了下拉刷新,也增加了加载更多的功能

结束

 

7-5 高级功能列表下拉刷新与上拉加载更多功能实现

标签:dispose   一个   its   null   加载   延迟   load   功能   结束   

原文地址:https://www.cnblogs.com/wangjunwei/p/12199377.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!