十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
flutter_easyrefresh: ^2.0.5
成都创新互联是一家专注于成都做网站、网站设计与策划设计,长春网站建设哪家好?成都创新互联做网站,专注于网站建设10多年,网设计领域的专业建站公司;建站业务涵盖:长春等地区。长春做网站价格咨询:18982081108
Pub get一下
下面我就以flutter_easyrefresh这个插件进行讲解。
[参照]{ }
注意: 滚动组件添加: physics: ClampingScrollPhysics() 可以处理IOS系统的物理滚动的效果(即橡皮筋效果)
ListView 是最常用的可滚动组件之一,可以沿一个方向线性排布所有子组件,并且它也支持基于Sliver的延迟构建模型
默认构造函数:
ListView.builder:
ListView.separated:
ListView.separated 可以在生成的列表项之间添加一个分割组件,它比 ListView.builder 多了一个 separatorBuilder 参数,该参数是一个分割组件生成器。
RefreshIndicator 下拉刷新:
RefreshIndicator 是 Material 风格的下拉刷新组件。
CupertinoSliverRefreshControl 下拉刷新:
CupertinoSliverRefreshControl 是 ios 风格的下拉刷新控件。
上拉加载的功能,需要用到 ScrollController + ListView组件:
闲来有空,升级了新的SDK版本,之前旧的组件不再可用,封装一个全新支持Dart“nullsafety”空安全特性、更加简单易用的ListView组件。
利用NotificationListener的监听事件实现Pull up load more。
利用RefreshIndicator组件实现Pull down refresh。
已开源上传至GITHUB,欢迎Star、Fork。
本文在 pull_to_refresh 的基础上对刷新做了封装,可以根据刷新状态自定义想要的头和尾。
本文刷新头和尾都使用的 lottie 动画,
lottie动画可以参考
接下来就可以在需要使用list view刷新的页面使用了 如下:
效果图: