ReactNative 填坑 通过 ScrollView的refreshControl 进行刷新页面数据

哎哎7年前 (2018-01-17)Android学习133531

效果预览 

20180117143818.gif


方法:

1:在构造函数中添加一个 状态属性

添加构造函数.png


2:在你的 ScrollView 中添加刷新控件,并绑定刷新事件函数

添加刷新控件.png


3:编写刷新事件函数

刷新事件函数.png


注意此处代码中 先将 isRefreshing 与 goodsData 进行了数据设置,这样可以使ui主动清空,

然后在定时器到了之后,发送一个请求,刷新页面中的内容,并重设了 goodsData

如果在此处 没有清空 goodsData的话,页面将可能不会刷新数据.




相关文章