You're Invited:Meet the Socket Team at BlackHat and DEF CON in Las Vegas, Aug 7-8.RSVP
Socket
Socket
Sign inDemoInstall

react-native-zoom-toolkit

Package Overview
Dependencies
0
Maintainers
0
Versions
10
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-native-zoom-toolkit

Smoothly zoom any image, video or component you want in a performant way!


Version published
Maintainers
0
Created

Readme

Source

React Native Zoom Toolkit

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

The most feature rich React Native library to solve common use cases of the pinch to zoom interaction, as well as providing barebones utilities for complex use cases, such as pinch to zoom React Native Skia's components.

[!Note] Are you watching from NPM's website? NPM's markdown renderer does not render videos, watch them on github.

SnapbackZoomResumableZoomCropZoomGallery

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.
  • Gallery: A practial gallery component which implements ResuambleZoom capabilities for all items in the list.
  • Mirror: Mirror the current pinch gesture transformations to any other component you want.
  • Expo Compatible: This library has been written in typescript only and supported modules by the expo SDK.

Documentation

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

Demo

The example app comes with five different examples from which you can learn from, see the Example app.

License

MIT License.

Keywords

FAQs

Package last updated on 22 Jun 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc