日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

react-native scrollview触摸滚动事件

發(fā)布時間:2024/4/15 编程问答 45 豆豆
生活随笔 收集整理的這篇文章主要介紹了 react-native scrollview触摸滚动事件 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

目錄

  • 1、幾個已知的滑動或者滑動開始結(jié)束的方法:
  • 2、還有其他的一些事件如下
  • 3、下面就這些方法的順序做個簡單的介紹:
  • 4、android上的時間分為兩種,一個是滑動一次,一個是連續(xù)滑動兩次甚至多次,詳見下圖:
    • 4.1、滑動一次
    • 4.2、滑動兩次或者多次:

1、幾個已知的滑動或者滑動開始結(jié)束的方法:

  • onScroll:在滾動過程中, 每幀最多調(diào)用一次此函數(shù), 調(diào)用的頻率可以用scrollEventThrottle屬性來控制.
  • onMomentumScrollEnd:當一幀滾動完畢時調(diào)用.
  • onScrollAnimationEnd :ios上的當滾動動畫結(jié)束時調(diào)用.
  • 2、還有其他的一些事件如下

    觸摸事件里面有攜帶event,大家可以再下面的方法里面更改一些view操作就可以打印出來這些event攜帶的信息了

  • onScrollBeginDrag:一個子view滑動開始 拖動時觸發(fā),注意和onMomentumScrollBegin的區(qū)別
  • onScrollEndDrag:一個子view滾動結(jié)束 拖拽時觸發(fā),注意和onMomentumScrollEnd的區(qū)別
  • onTouchStart:按下屏幕時觸發(fā)
  • onTouchMove:移動手指時觸發(fā)
  • onTouchEnd:手指離開屏幕觸摸結(jié)束時觸發(fā)
  • onMomentumScrollBegin:當一幀滾動開始時調(diào)用.
  • onMomentumScrollEnd:當一幀滾動完畢時調(diào)用.
  • onStartShouldSetResponder:觸摸開始時是否成為響應(yīng)者
  • onStartShouldSetResponderCapture:防止子視圖在觸摸開始時成為應(yīng)答器
  • onScrollShouldSetResponder:滾動時是否成為響應(yīng)者
  • onResponderGrant:開始響應(yīng)時觸發(fā)
  • onResponderRelease:手指釋放后,視圖成為響應(yīng)者
  • onResponderReject:響應(yīng)拒絕
  • onScroll:滾動時觸發(fā),會觸發(fā)多次
  • 3、下面就這些方法的順序做個簡單的介紹:

    首先在ios上進行測試,測試的結(jié)果如下:

    由上圖可以看出執(zhí)行的順序,

  • 首先是按下屏幕時觸發(fā)onTouchStart,
  • 然后手指移動觸發(fā)onTouchMove,會調(diào)用一次或者多次,
  • 如果左右滑動,滑動開始拖動觸發(fā)onScrollBeginDrag,View開始變化,View成為響應(yīng)者,
  • 然后onScroll … onTouchMove這兩個會觸摸多次,
  • 然后手指離開屏幕觸發(fā)onResponderRelease,
  • 接著觸摸結(jié)束onTouchEnd
  • 然后是滑動結(jié)束拖拽時觸發(fā)onScrollEndDrag,接著就是一幀滾動的開始onMomentumScrollBegin,它的起始位置和onScrollEndDrag的結(jié)束位置重合;
  • 然后是滾動滾動onScroll,
  • 然后是一幀滾動的結(jié)束onMomentumScrollEnd,
  • 最后偶爾還會滾動下onScroll,這個有時間不出來,我覺得跟有抖動一樣
  • 4、android上的時間分為兩種,一個是滑動一次,一個是連續(xù)滑動兩次甚至多次,詳見下圖:

    4.1、滑動一次

    大家可以看出和ios的區(qū)別

  • 少了個觸摸結(jié)束onTouchEnd,onResponderGrant、onResponderRelease,這三個.
    直接就是觸摸開始-->移動-->開始拖拽-->滾動-->拖拽結(jié)束(手指離開了)-->一幀滾動開始-->滾動-->一幀滾動結(jié)束-->滾動

  • 如果不滑動,只是點擊離開,只會觸發(fā)onTouchStart和onTouchEnd;

  • 4.2、滑動兩次或者多次:

    轉(zhuǎn)載于:https://www.cnblogs.com/qiqi715/p/9556956.html

    總結(jié)

    以上是生活随笔為你收集整理的react-native scrollview触摸滚动事件的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。

    如果覺得生活随笔網(wǎng)站內(nèi)容還不錯,歡迎將生活随笔推薦給好友。