Developer Documentation
  • Getting Started
  • Resources
    • Github
    • Discord
    • Sponsor
  • Components
    • View
    • Scroll
    • Gesture
    • Button
    • Text
    • TextInput
    • Link
    • Select
    • Spinner
    • Image
    • SVG *
    • Video *
    • VirtualListView *
    • WebView *
  • SERVICES
    • App
    • Platform
    • International
    • Accessibility
    • Clipboard
    • Storage
    • Location
    • Linking
    • Alert
    • Modal
    • Popup
    • StatusBar
    • UserInput
    • UserInterface
    • UserPresence
    • Network *
    • Navigator *
Powered by GitBook
On this page
  • Styles
  • Props

Was this helpful?

  1. Components

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

PreviousScrollNextButton

Last updated 5 years ago

Was this helpful?