1. 首页
  2. Android学习
  3. ReactNative 填坑 通过 ScrollView的refreshControl 进行刷新页面数据

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

效果预览 方法:1:在构造函数中添加一个 状态属性2:在你的 ScrollView 中添加刷新控件,并绑定刷新事件函数3:编写刷新事件函数注意此处代码中 先将 isRefreshing 与...

效果预览 

ReactNative 填坑  通过 ScrollView的refreshControl 进行刷新页面数据 Android学习 第1张


方法:

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

ReactNative 填坑  通过 ScrollView的refreshControl 进行刷新页面数据 Android学习 第2张


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

ReactNative 填坑  通过 ScrollView的refreshControl 进行刷新页面数据 Android学习 第3张


3:编写刷新事件函数

ReactNative 填坑  通过 ScrollView的refreshControl 进行刷新页面数据 Android学习 第4张


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

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

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




哎哎
相关推荐