前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >flutter的列表下拉刷新

flutter的列表下拉刷新

原创
作者头像
挥刀北上
修改2021-01-07 10:13:47
4.7K0
修改2021-01-07 10:13:47
举报
文章被收录于专栏:Node.js开发Node.js开发

flutter的列表下拉刷新需要借助一个组件来实现,这个组件的名字是RefreshIndicator,直译过来就是刷新指示灯。

如何使用呢,需要传递两个参数,child和onRefresh,前者是列表组件,后者是刷新函数。

child参数比较简单,这里主要复杂的是onRefresh函数,首先要明白这个函数何时执行呢?就是在用户将child的组件下拉到顶部后再继续下拉就会触发,函数内部主要的功能是发送异步请求,请求第一页的数据,然后更新列表。

但是这里有个点需要注意,就是防抖,当用户在第一次下拉后,数据未加载完时,此时继续下拉就会重复请求,我们改如何做呢?

有如下几个步骤:

1、在组件中定义一个属性,isLoading默认值为false

2、onRefresh在执行时首先判断isLoading是否为ture,若为true则终止程序执行

3、若为false则正常执行,首先将isLoading这是为ture,然后发送异步请求,更新数据

4、数据更新完成后将isLoading更改为false。

以上便是flutter实现下拉刷新的操作步骤,希望对你有所帮助。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档