项目作者: wuyunqiang

项目描述 :
scrollview&&FlatList Pull refresh and loadmore
高级语言: JavaScript
项目地址: git://github.com/wuyunqiang/react-native-pullview.git
创建时间: 2017-10-30T08:07:14Z
项目社区:https://github.com/wuyunqiang/react-native-pullview

开源协议:

下载


PullView

scrollview&&FlatList Pull refresh and loadmore

参考react-native-pull和RefreshListDemo。

android&&ios都可以使用。

new

android可以使用原生的下拉刷新效果会更好 如下使用:

/**

  • PullScroll => scrollview
  • PullList =>flatlist
  • Android_Native 是否使用android原生下拉刷新组件 true开启
  • **/

如果开启原生属性 需要android引入原生模块

下拉刷新数据传送的方式有两种

method:1

view实例的方式 Key有没有都可以 也不需要js监听事件 只需要复写onPullRelease即可以使用
debug测试可以使用但是在release模式下会有收不到消息的情况,官方原因并不稳定

method:2

原生广播的方式想rn发送数据 ### 因此Key必须有切唯一不重复 ### 需要rn端写事件监听 稳定暂时未发现bug

具体建议参考:RNApp

iosrnapp.gif
androidgif.gif

  1. <PullScroll
  2. method={2}
  3. Key={'PullScroll'}
  4. Android_Native={true}//是否使用原生下拉刷新 仅对android生效 iOS无效果
  5. onPullRelease={this.onPullRelease}
  6. style={{flex:1,backgroundColor:Color.background}}>
  7. {this.renderView()}
  8. </PullScroll>
  9. <PullList
  10. method={2}
  11. Android_Native={true}
  12. Key={'list'}//每一个实例不能重复
  13. ref={(list) => this.pullList = list}
  14. onEndReachedThreshold={20}
  15. onPullRelease={this.onPullRelease}
  16. onEndReached={this.loadMore}
  17. renderItem={this.renderRowView}
  18. getItemLayout={(data, index) => ({length:230, offset:230 * index, index})}
  19. numColumns={1}
  20. ItemSeparatorComponent={() => {
  21. return null;
  22. }}
  23. initialNumToRender={5}
  24. renderLoading = {()=>{return null;}}
  25. />