React Native View Transformer

screenshot of React Native View Transformer

A pure JavaScript RN component that makes ANY views transformable using gestures like pinch, double tap or pull.

Overview:

The react-native-view-transformer is a pure JavaScript component for React Native that enables any view to be transformable using gestures like pinch, double tap, or pull. Its features include enabling or disabling various transform options and providing callbacks for when transformations occur.

Features:

  • Enable/disable Transform Gestures: Control whether transform gestures like pinch, double tap, or pull are enabled.
  • Enable/disable Scale: Option to disable scaling transformations.
  • Enable/disable Translate: Option to disable translation transformations.
  • Max Scale Setting: Define a maximum scale for the transformations.
  • Enable Resistance: Choose to resist over pan movements.
  • Max Overscroll Distance: Determine the final scroll position triggered by a fling.
  • Callback Functions: onViewTransformed and onTransformGestureReleased functions for when transformations occur.

Summary:

The react-native-view-transformer component allows any view in a React Native application to be transformable using various gestures. By enabling or disabling specific transform options and providing callback functions, developers can create interactive and dynamic user interfaces with ease.