React Reference > GestureDetector Component

<GestureDetector />

使い方 

<GestureDetector
  onTap={() => console.log('tap')}
  onSwipeleft={() => console.log('swipe left')}
>
  <div style={{backgroundColor: 'pink', width: '100px', height: '100px'}}>
    Swipe Here
  </div>
</GestureDetector>

Prop一覧

[編集]
名前 型 / デフォルト値 概要
onDrag func Called when the user drags in any direction. （翻訳中） Optional.
onDragLeft func Called when the user drags left. （翻訳中） Optional.
onDragRight func Called when the user drags right. （翻訳中） Optional.
onDragUp func Called when the user drags up. （翻訳中） Optional.
onDragDown func Called when the user drags down. （翻訳中） Optional.
onHold func Called when the user holds. （翻訳中） Optional.
onRelease func Called when the user releases. （翻訳中） Optional.
onSwipe func Called when the user swipes in any direction. （翻訳中） Optional.
onSwipeLeft func Called when the user swipes left. （翻訳中） Optional.
onSwipeRight func Called when the user swipes right. （翻訳中） Optional.
onSwipeUp func Called when the user swipes up. （翻訳中） Optional.
onSwipeDown func Called when the user swipes down. （翻訳中） Optional.
onTap func Called when the user taps. （翻訳中） Optional.
onDoubleTap func Called when the user double taps. （翻訳中） Optional.
onPinch func Called when the user pinches in or out. （翻訳中） Optional.
onPinchIn func Called when the user pinches in. （翻訳中） Optional.
onPinchOut func Called when the user pinches out. （翻訳中） Optional.
onTouch func Called when the user touches. （翻訳中） Optional.
onTransform func Called when the user transforms. （翻訳中） Optional.
onRotate func Called when the user rotates. （翻訳中） Optional.

お困りですか?

Onsen UIに関する質問は、Stack Overflowにてonsen-uiタグを付与してください。Onsen UIチームはあなたの問題解決をお手伝いします。

バグ報告や機能要望については、GitHub Issuesに記載をお願いいたします。

あわせて、下記の情報も参考にしてください。