# Gesture

### Styles

* Flexbox Styles
* View Styles
* Transform Styles

### Props

| Name                           | Type                                              | Description                                                                                                                                                 |
| ------------------------------ | ------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **accessibilityLabel**         | `string`                                          | <ul><li>Alternate text for screen readers</li></ul>                                                                                                         |
| **accessibilityTraits**        | `AccessibilityTrait \| AccessibilityTrait[]`      | <ul><li>Traits used to hint screen readers, etc.</li></ul>                                                                                                  |
| **importantForAccessibility**? | `ImportantForAccessibility`                       | <ul><li>Expose the element and/or its children as accessible to Screen readers</li></ul>                                                                    |
| **onPinchZoom**                | `(gestureState: MultiTouchGestureState) => void`  | <ul><li>Gestures and attributes that apply only to touch inputs</li></ul>                                                                                   |
| **onRotate**                   | `(gestureState: MultiTouchGestureState) => void`  | <ul><li>Gestures and attributes that apply only to touch inputs</li></ul>                                                                                   |
| **onScrollWheel**              | `(gestureState: ScrollWheelGestureState) => void` | <ul><li>Gestures and attributes that apply only to mouse inputs</li></ul>                                                                                   |
| **mouseOverCursor**            | `GestureMouseCursor`                              | <ul><li>Gestures and attributes that apply only to mouse inputs</li></ul>                                                                                   |
| **onPan**                      | `(gestureState: PanGestureState) => void`         | <ul><li>Gestures and attributes that apply to either touch or mouse inputs</li></ul>                                                                        |
| **onPanVertical**              | `(gestureState: PanGestureState) => void`         | <ul><li>Gestures and attributes that apply to either touch or mouse inputs</li></ul>                                                                        |
| **onPanHorizontal**            | `(gestureState: PanGestureState) => void`         | <ul><li>Gestures and attributes that apply to either touch or mouse inputs</li></ul>                                                                        |
| **onTap**                      | `(gestureState: TapGestureState) => void`         | <ul><li>Gestures and attributes that apply to either touch or mouse inputs</li></ul>                                                                        |
| **onDoubleTap**                | `(gestureState: TapGestureState) => void`         | <ul><li>Gestures and attributes that apply to either touch or mouse inputs</li></ul>                                                                        |
| **onContextMenu**              | `(gestureState: TapGestureState) => void`         | <ul><li>Gestures and attributes that apply to either touch or mouse inputs</li></ul>                                                                        |
| **onLongPress**                | `(gestureState: TapGestureState) => void`         | <ul><li>Gestures and attributes that apply to either touch or mouse inputs</li></ul>                                                                        |
| **onFocus**                    | `(e: FocusEvent) => void`                         | <ul><li>Focus Events</li></ul>                                                                                                                              |
| **onBlur**                     | `(e: FocusEvent) => void`                         | <ul><li>Focus Events</li></ul>                                                                                                                              |
| **onKeyPress**                 | `(e: KeyboardEvent) => void`                      | <ul><li>Keyboard Events</li></ul>                                                                                                                           |
| **preferredPan**               | `PreferredPanGesture = undefined`                 | <ul><li>We can set vertical or horizontal as preferred</li></ul>                                                                                            |
| **panPixelThreshold**          | `number`                                          | <ul><li>How many pixels (in either horizontal or vertical direction) until pan is recognized? </li><li>Default is 10</li><li>Can be any value > 0</li></ul> |
| **releaseOnRequest**           | `boolean`                                         | <ul><li>Something else wants to become responder. Should this view release the responder? </li><li>Setting true allows release.</li></ul>                   |
| **testId**                     | `string`                                          | <ul><li>ID that can be used to identify the instantiated element for testing purposes</li></ul>                                                             |


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.ult.dev/components/gesture-view.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.