react-native-zoom-toolkit

React Native Zoom Toolkit

A set of utilities and components for common pinch to zoom feature requirements

SnapbackZoom	ResumableZoom	CropZoom

Motivation

Pinch to zoom is a must have feature for any application that displays images to the user, this one can be found in a wide variety of use cases:

• Zooming in media contained a chat message
• Detail screens
• Cropping an image or video
• Image galleries

The idea behind this library is to provide a set of components and utilities for the most common use cases of the "pinch to zoom" interaction.

Features

• Limitless: Smoothly zoom in and out any component you want, you're not limited to images only.
• Performance: Smooth gesture interactions powered by Reanimated and Gesture Handler.
• SnapBackZoom: Zoom in and snap back, this component automatically snaps back to its original position once the gesture ends, making it ideal for previews.
• ResumableZoom: Pick up where you left last time! This component remembers your previous interactions with it, just the same way it works in your Android/IOS OS integrated gallery application, making it ideal for detail screens and gallery screens.
• CropZoom: An ideal, practical and unopinionated component for image and video cropping needs.
• Mirror:: Mirror the current pinch gesture transformations to any other component you want.
• Expo Go Compatible: This library has been written in typescript only with supported modules by the expo go app.

Documentation

To check out the docs, visit https://glazzes.github.io/react-native-zoom-toolkit/

Examples

To check out examples of this library, see the Example app

License

MIT License.