PanGestureHandler
拖动（横向/纵向）时触发手势 微信小程序下 skyline 的手势标签，只能在 CompileMode 中使用
支持情况：
类型
ComponentType<PanGestureHandlerProps>
示例代码
- React
import { Component } from 'react'
import { View, PanGestureHandler } from '@tarojs/components'
export function Index () {
return (
<View compileMode>
<PanGestureHandler onGestureWorklet="onGesture">
<View className='circle'></View>
</PanGestureHandler>
</View>
)
}
PanGestureHandlerProps
| 参数 | 类型 | 必填 | 说明 |
|---|---|---|---|
| tag | string | 否 | 声明手势协商时的组件标识 |
| onGestureWorklet | string | 否 | 手势识别成功的回调 |
| shouldResponseOnMoveWorklet | string | 否 | 手指移动过程中手势是否响应 |
| shouldAcceptGestureWorklet | string | 否 | 手势是否应该被识别 |
| simultaneousHandlers | string[] | 否 | 声明可同时触发的手势节点 |
| nativeView | string | 否 | 代理的原生节点类型 |
API 支持度
| API | 微信小程序 | H5 | React Native | Harmony |
|---|---|---|---|---|
| PanGestureHandlerProps.tag | ✔️ | |||
| PanGestureHandlerProps.onGestureWorklet | ✔️ | |||
| PanGestureHandlerProps.shouldResponseOnMoveWorklet | ✔️ | |||
| PanGestureHandlerProps.shouldAcceptGestureWorklet | ✔️ | |||
| PanGestureHandlerProps.simultaneousHandlers | ✔️ | |||
| PanGestureHandlerProps.nativeView | ✔️ |