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 删除。