巴布鱼——软件工程师的家园

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 191|回复: 0

[React Native] React Native中监听ScrollView滑到底部事件监听

[复制链接]

35

主题

36

帖子

304

积分

中级会员

Rank: 3Rank: 3

积分
304
QQ
发表于 2018-5-14 17:38:44 | 显示全部楼层 |阅读模式
首先找到ScrollView 中滑动结束后触发的函数 可以找到onMomentumScrollEnd
  1. <ScrollView
  2.             style={{flex:1}}
  3.             onRefresh = {this._onRefreshData}
  4.             onMomentumScrollEnd = {this._contentViewScroll}
  5.             refreshing={this.state.refreshing}
  6.             automaticallyAdjustContentInsets={false}
  7.             showsVerticalScrollIndicator={false}
  8.             scrollsToTop={true}>
  9.             {<View/>}
复制代码
我们需要知道当前ScrollView中 滑动的距离, contentOffset.y contentSize.height ScrollView 高度,三个变量来确定当前有没有滑动到底部。好在事件中都具有这些属性
  1.     _contentViewScroll(e: Object){
  2.         var offsetY = e.nativeEvent.contentOffset.y; //滑动距离
  3.         var contentSizeHeight = e.nativeEvent.contentSize.height; //scrollView contentSize高度
  4.         var oriageScrollHeight = e.nativeEvent.layoutMeasurement.height; //scrollView高度
  5.         if (offsetY + oriageScrollHeight >= contentSizeHeight){
  6.             Console.log('上传滑动到底部事件')
  7.         }
  8.     },
复制代码

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|小黑屋|Archiver|手机版|巴布鱼

GMT+8, 2018-11-15 20:56 , Processed in 0.288016 second(s), 22 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表