如何檢測觸摸是否超出了PanResponder視圖的邊界？

Question

我工作的一個圖片栽跟頭，我莫名其妙地弄清楚如何移動栽跟頭，即使它不是一個完美的解決方案，但它的工作原理，但現在我想向邊境觸摸反應/給定視圖的移動

我正在使用this module進行打包，但實際上我仍然堅持如何響應邊框觸摸/移動

Answer 1

gestureState參數足以完成任務。

x0和y0是響應者視圖的左上角座標，此外，moveX和moveY保存觸摸的當前座標。

所以moveX === x0表示當前觸摸位於左邊緣。 同樣moveY === y0表示當前觸摸位於頂邊。

如需辦理右側和底部邊緣，我建議你在<View>標籤使用onLayout並指定視圖的高度和寬度的一些變量或狀態變量（照顧表演的優化的）

，然後用它在類似的方式：

onPanresponderMove(evt, {x0, y0, moveX, moveY) { 
     ... 
     if(moveX=== x0 || moveX === x0 + this.state._currentWidth) { 
     // task for left and right edge response 
     ... 
     } 
     ... 
    } 

要獲得視圖寬度：

<View {...this._myResponder.panHandlers} 
      onLayout={ ({width, height}) => this.state._currentWidth = width } />