PanResponder

PanResponder reconciles several pointers into a single gesture. It makes single-pointer gestures resilient to extra touches, and can be used to recognize basic multi-touch gestures.

TV relevance: Baseline React Native Web API. Availability is unchanged, but pointer/touch gestures are typically secondary in remote-first TV experiences.

Note: Using the PanResponder on components that contain text may cause native text selection events to interrupt the pan gesture. This can be avoided by setting userSelect: 'none' on the text elements while the gesture is active.

Please refer to the React Native documentation below:

Examples

  For TV Examples: LRUD navigation is already enabled in this sandbox. Use your keyboard arrow keys to move focus.

Updated
React Native Web for TV – Portions Copyright © Nicolas Gallagher, Meta Platforms, Inc., Facebook, Inc. and affiliates, and other contributors as noted in file headers and THIRD_PARTY_NOTICES.md. Modifications and TV extensions Copyright © Harpreet Singh and contributors.