Gesture

This component is a generic container for other components. It supports multiple gestures – tapping, double-tapping, long-pressing, panning, and pinching.

Styles

  • Flexbox Styles

  • View Styles

  • Transform Styles

Props

Name

Type

Description

accessibilityLabel

string

  • Alternate text for screen readers

accessibilityTraits

AccessibilityTrait | AccessibilityTrait[]

  • Traits used to hint screen readers, etc.

importantForAccessibility?

ImportantForAccessibility

  • Expose the element and/or its children as accessible to Screen readers

onPinchZoom

(gestureState: MultiTouchGestureState) => void

  • Gestures and attributes that apply only to touch inputs

onRotate

(gestureState: MultiTouchGestureState) => void

  • Gestures and attributes that apply only to touch inputs

onScrollWheel

(gestureState: ScrollWheelGestureState) => void

  • Gestures and attributes that apply only to mouse inputs

mouseOverCursor

GestureMouseCursor

  • Gestures and attributes that apply only to mouse inputs

onPan

(gestureState: PanGestureState) => void

  • Gestures and attributes that apply to either touch or mouse inputs

onPanVertical

(gestureState: PanGestureState) => void

  • Gestures and attributes that apply to either touch or mouse inputs

onPanHorizontal

(gestureState: PanGestureState) => void

  • Gestures and attributes that apply to either touch or mouse inputs

onTap

(gestureState: TapGestureState) => void

  • Gestures and attributes that apply to either touch or mouse inputs

onDoubleTap

(gestureState: TapGestureState) => void

  • Gestures and attributes that apply to either touch or mouse inputs

onContextMenu

(gestureState: TapGestureState) => void

  • Gestures and attributes that apply to either touch or mouse inputs

onLongPress

(gestureState: TapGestureState) => void

  • Gestures and attributes that apply to either touch or mouse inputs

onFocus

(e: FocusEvent) => void

  • Focus Events

onBlur

(e: FocusEvent) => void

  • Focus Events

onKeyPress

(e: KeyboardEvent) => void

  • Keyboard Events

preferredPan

PreferredPanGesture = undefined

  • We can set vertical or horizontal as preferred

panPixelThreshold

number

  • How many pixels (in either horizontal or vertical direction) until pan is recognized?

  • Default is 10

  • Can be any value > 0

releaseOnRequest

boolean

  • Something else wants to become responder. Should this view release the responder?

  • Setting true allows release.

testId

string

  • ID that can be used to identify the instantiated element for testing purposes

Contents
Styles
Props