A composable gesture library for React Native, enabling drag, pinch, and custom gesture handling.
React Native Gestures is a composable gesture library for React Native that enables developers to handle complex touch interactions like drag, pinch, and custom gestures. It solves the problem of building gesture-driven UIs by providing a flexible API to combine and map gestures to style updates. The library focuses on simplicity and reusability, allowing for seamless integration of multiple gestures in a single component.
React Native developers building interactive mobile applications that require advanced touch gestures, such as drag-and-drop interfaces, zoomable views, or custom gesture-based controls.
Developers choose React Native Gestures for its composable architecture, which allows easy combination of gestures like drag and pinch without complex boilerplate. Its unique selling point is the GestureView component and the ability to map gesture calculations directly to style properties, offering greater control and flexibility compared to built-in gesture handlers.
Composable React Native Gestures
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Allows easy combination of multiple gestures like drag and pinch into a single component, as shown in the README example with GestureView.
Provides a toStyle prop to transform gesture layout data into CSS-style properties, enabling precise control over UI updates based on gesture calculations.
Uses transducer-based gestures with configurable finger input thresholds, making it adaptable for custom gesture creation.
Includes an onError callback for handling and debugging gesture-related issues, improving development and troubleshooting.
Explicit warning in README about API changes before version 1.0, making it risky for production use due to potential breaking changes.
Only drag and pinch gestures are documented out-of-the-box, restricting use for apps needing diverse gesture support like swipe or rotate.
Requires understanding of transducer concepts and manual style mapping via toStyle, which may be challenging for developers new to gesture handling.