flutter SmartRefresher+ListView组合,为listview添加headview和footerview

本文介绍了如何在Flutter中利用SmartRefresher和ListView组件创建一个带有头部和尾部的列表。在实现过程中遇到了SmartRefresher与ListView嵌套的问题,通过查阅资料和源码,最终使用CustomScrollView、SliverToBoxAdapter和SliverList解决了问题。提供了相关代码示例和资源链接。
摘要由CSDN通过智能技术生成
老实说,这个坑就比较大了,搞了一个上午跟下午两小时,还好算是解决掉了。

先上图:

实现效果图:

在这里插入图片描述
主要是上面的头是用两个Container进行包裹起来的,然后下面用了一个listview,总的加上了一个SmartRefresher这个玩意(pull_to_refresh)控件,之前的文章有提到过。

然后再看下GIF图。

在这里插入图片描述

这里用SingleChrildView嵌套SmartRefresher还是用SmartRefresher嵌套SingleChirldView都是不可行的,因为SmartRefrsher上面有说了。

你用法错了,ListView只能放在SmartRefresher里的child里,因为我内部机制就是判断child是不是ScrollView,是的话取slivers,不是就封一个slivertoboxadapter,你这里相当于scrollable嵌套了。

在github的这个链接地址:https://github.com/peng8350/flutter_pulltorefresh/issue

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值