React Native scrollview滚动事件
2017-04-25 15:50
417 查看
大家都知道scrollview的几个属性和方法:详细的方法请参考:
江清清专栏:React Native控件之ScrollView组件讲解(14)
这里我就讲解下scrollview的触摸和滑动顺序,并讲解下scrollview的几个触摸方法
1、几个已知的滑动或者滑动开始结束的方法:
onScroll:在滚动过程中, 每帧最多调用一次此函数, 调用的频率可以用scrollEventThrottle属性来控制.
onMomentumScrollEnd:当一帧滚动完毕时调用.
onScrollAnimationEnd :ios上的当滚动动画结束时调用.
2、还有其他的一些事件如下,触摸事件里面有携带event,大家可以再下面的方法里面更改一些view操作就可以打印出来这些event携带的信息了
1、onScrollBeginDrag:一个子view滑动开始拖动开始时触发,注意和onMomentumScrollBegin的区别
2、onScrollEndDrag:一个子view滚动结束拖拽时触发,注意和onMomentumScrollEnd的区别
3、onTouchStart:按下屏幕时触发
4、onTouchMove:移动手指时触发
5、onTouchEnd:手指离开屏幕触摸结束时触发
6、onMomentumScrollBegin:当一帧滚动开始时调用.
7、onMomentumScrollEnd:当一帧滚动完毕时调用.
8、onStartShouldSetResponder:触摸开始时是否成为响应者
9、onStartShouldSetResponderCapture:防止子视图在触摸开始时成为应答器
10、onScrollShouldSetResponder:滚动时是否成为响应者
11、onResponderGrant:开始响应时触发
12、onResponderRelease:手指释放后,视图成为响应者
13、onResponderReject:另一个响应已经被激活, 响应者不会释放它到该视图
14、onScroll:滚动时触发,会触发多次
江清清专栏:React Native控件之ScrollView组件讲解(14)
这里我就讲解下scrollview的触摸和滑动顺序,并讲解下scrollview的几个触摸方法
1、几个已知的滑动或者滑动开始结束的方法:
onScroll:在滚动过程中, 每帧最多调用一次此函数, 调用的频率可以用scrollEventThrottle属性来控制.
onMomentumScrollEnd:当一帧滚动完毕时调用.
onScrollAnimationEnd :ios上的当滚动动画结束时调用.
2、还有其他的一些事件如下,触摸事件里面有携带event,大家可以再下面的方法里面更改一些view操作就可以打印出来这些event携带的信息了
1、onScrollBeginDrag:一个子view滑动开始拖动开始时触发,注意和onMomentumScrollBegin的区别
2、onScrollEndDrag:一个子view滚动结束拖拽时触发,注意和onMomentumScrollEnd的区别
3、onTouchStart:按下屏幕时触发
4、onTouchMove:移动手指时触发
5、onTouchEnd:手指离开屏幕触摸结束时触发
6、onMomentumScrollBegin:当一帧滚动开始时调用.
7、onMomentumScrollEnd:当一帧滚动完毕时调用.
8、onStartShouldSetResponder:触摸开始时是否成为响应者
9、onStartShouldSetResponderCapture:防止子视图在触摸开始时成为应答器
10、onScrollShouldSetResponder:滚动时是否成为响应者
11、onResponderGrant:开始响应时触发
12、onResponderRelease:手指释放后,视图成为响应者
13、onResponderReject:另一个响应已经被激活, 响应者不会释放它到该视图
14、onScroll:滚动时触发,会触发多次
相关文章推荐
- react-native ScrollView触摸与滚动事件
- react native scrollview深入详解触摸滚动事件
- react native scrollview深入详解触摸滚动事件
- react native scrollview 滚动停止事件
- react-native scrollView 中部分有用事件
- react native ScrollView滚动不起作用
- React Native WebView 内点击事件获取onNavigationStateChange、onMessage
- react-native 滚动视图点击事件无法响应的情况
- React native (6) scrollview listview
- 混合开发的大趋势之一React Native ScrollView (拉伸视图),ListView(列表视图)
- React Native scrollView下拉布局偏移
- React Native Android ScrollView 去除阴影效果
- react native 使webview里面的页面自动滚动
- 解决android中HorizontalScrollView的滚动事件与组件的Touch冲突问题
- 解决NestedScrollView中,在子View上滑动不触发滚动事件,却触发点击事件
- React Native - 3 View, Text简介以及onPress & onLongPress事件
- react-native 自定义原生view事件
- 混合开发的大趋势之一React Native ScrollView (拉伸视图),ListView(列表视图)
- React Native ScrollView 添加图片数组
- react-native-keyboard-aware-scroll-view