首页 > 其他 > 详细

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

时间:2020-01-16 01:19:54      阅读:141      评论:0      收藏:0      [点我收藏+]


技术分享图片

技术分享图片

技术分享图片
数组还是那个数组,只不过这里由静态类型改成了非静态类型。
技术分享图片
改成了有状态的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 高级功能列表下拉刷新与上拉加载更多功能实现

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!