react native scrollview深入详解触摸滚动事

网友评论

• 
  云深不知处a:楼主，我有一列表，头部固定，左边固定，上下左右联动的，这种怎么做，一个项目就差这个效果了

  云深不知处a:@liu_520 能给我一个demo吗，我写了好多种，效果都不好，一个完整的项目就差者一个了

  云深不知处a:@liu_520 用onScroll这个方法效果不好，一定要加手势吗

  liu_520:@a等风 手势检测吧，左右滑动和上下滑动不都有滑动距离的判断么，
• 
  Camellieeee:楼主大神，我有个scrollview嵌套ScrollView的问题，当外层ScrollView滑到某个高度后，滑动的响应者变为内部的ScrollView，能通过什么办法做到吗

  liu_520:@Camellieeee 你需要看下手势的定义哦，这个不是三言两语就能讲清的，http://www.tuicool.com/articles/fqIRJjn，你看下这个文章，好好研究下

  Camellieeee:能具体给点思路吗？

  liu_520:@Camellieeee 重新手势事件吧
• 
  羽纱:你好，楼主，据我测试onTouchMove并不会被触发多次，在onScroll时onTouchMove是不会被触发的。有没有什么办法让scrollView滚动时也触发onTouchMove？或者是能得到Touch的位置

  羽纱:@lyxia_ios 打印的结果是：
  touch start
  touch move
  scroll begin
  on scroll
  ...
  不会再有touch move了
  scroll end

  羽纱:class MyScrollView extends React.Component {
  
  onScroll = (e) => {
  console.log('on scroll')
  }
  
  render() {
  return (
  <ScrollView
  
  ref={'scroll'}
  
  onScroll={this.onScroll}
  
  onTouchStart={() => console.log('touch start')}
  
  onTouchMove={() => console.log('touch move')}
  
  onTouchEnd={() => console.log('touch end')}
  
  onScrollBeginDrag={() => console.log('scroll begin')}
  
  onScrollEndDrag={() => console.log('scroll end')}
  
  onMomentumScrollBegin={() => console.log('momentum begin')}
  
  onMomentumScrollEnd={() => console.log('momentum end')}
  
  onStartShouldSetResponder={() => console.log('on start')}
  
  onStartShouldSetResponderCapture={() => console.log('on start capture')}
  
  onScrollShouldSetResponder={() => console.log('on scroll')}
  
  onResponderGrant={() => console.log('granted')}
  
  onResponderTerminationRequest={() => console.log('term req')}
  
  onResponderTerminate={() => console.log('term')}
  
  onResponderRelease={() => console.log('release')}
  
  onResponderReject={() => console.log('reject')}
  
  onScrollAnimationEnd={() => console.log('anim end')}
  
  scrollEventThrottle={16}
  
  contentContainerStyle={{flexDirection:'column'}}
  >
  {
  this._renderItems()
  }
  </ScrollView>
  )
  }
  
  _renderItems = ()=>{
  let arr = []
  for(let i=0; i<20; i++) {
  arr.push(<View style={{height:80}} key={i}><Text>{i}</Text></View>)
  }
  return arr
  }
  }
  
  我这样写并没有在onScroll时onTouchMove是不会被触发的，请楼主帮我看看

  liu_520:@lyxia_ios 有的，你在ontouchmove方法里更新下state，每次都会触发这个方法的
• 
  Dadada胖子:请问 onMomentumScrollEnd 这个方法在官方文档怎么没查到呢，是我查到了假文档么

  liu_520:@Dadada胖子 客气，有些属性或者方法在官网是查不到的，FB 并没有开放出来，所以查不到

  Dadada胖子:@liu_520 👌，谢谢，我说怎么查不到呢

  liu_520:@Dadada胖子 是的，官网上是没有这个方法的，但是源码里面有这个属性的，这个是ios 里面的native属性
• 
  f8e5107ee6c8:可以转载嘛楼主，我会讲版权信息来源全部放上可以吗

  liu_520:@TrustTheBoy 客气了

  f8e5107ee6c8:@liu_520 好的，谢谢

  liu_520:@TrustTheBoy 可以的
• 挂着铃铛的兔:感谢作者。

  liu_520:@挂着铃铛的兔 这么客气干嘛