• Stars
    star
    225
  • Rank 177,187 (Top 4 %)
  • Language
    Java
  • License
    MIT License
  • Created almost 6 years ago
  • Updated 11 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Instagram like pinch to zoom for React Native

React Native Pinchable

Instagram like pinch to zoom for React Native.

Demo

screencast

See Example folder.

Sponsors

If you find the library useful, please consider sponsoring on Github.


Klarna

Klarna aims to make online shopping frictionless and are hiring engineers in Stockholm, Berlin and Milan. Join me to work on one of the largest greenfield React Native apps in the community.

Installation

# Add dependency
yarn add react-native-pinchable
# Link iOS dependency
pod install --project-directory=ios
# Compile project
react-native run-ios # or run-android

Usage

import Pinchable from 'react-native-pinchable';

<Pinchable>
  <Image source={...}>
</Pinchable>

Properties

Prop Description Default
minimumZoomScale The minimum allowed zoom scale. 1
maximumZoomScale The maximum allowed zoom scale. 3

Limitations

On Android it's not possible to receive touch events on the views inside the Pinchable component.

License

MIT License. © Joel Arvidsson 2019 - present

More Repositories

1

react-native-vector-icons

Customizable Icons for React Native with support for image source and full styling.
JavaScript
17,427
star
2

react-native-animatable

Standard set of easy to use animations and declarative transitions for React Native
JavaScript
9,838
star
3

react-native-progress

Progress indicators and spinners for React Native
JavaScript
3,628
star
4

hush

🤫 Noiseless Browsing – Content Blocker for Safari
JavaScript
3,264
star
5

react-native-keychain

🔑 Keychain Access for React Native
Kotlin
3,194
star
6

react-native-lightbox

Images etc in Full Screen Lightbox Popovers for React Native
JavaScript
2,818
star
7

react-native-collapsible

Animated collapsible component for React Native, good for accordions, toggles etc
JavaScript
2,450
star
8

loki

👁 Visual Regression Testing for Storybook
JavaScript
1,778
star
9

react-native-image-progress

Progress indicator for networked images in React Native
JavaScript
1,723
star
10

angular-scroll

Scrollspy, animated scrollTo and scroll events for angular.js
JavaScript
1,482
star
11

react-native-performance

📐 Monitor and measure React Native performance
TypeScript
929
star
12

react-native-store-review

Rate on App/Play Store directly in your React Native app
Java
751
star
13

react-native-shimmer

Simple shimmering effect for any view in React Native
Java
700
star
14

react-native-esbuild

Fast bundler and dev server for react-native using esbuild
JavaScript
595
star
15

react-native-parallax

Parallax effects for React Native using Animated API
JavaScript
585
star
16

react-native-vector-image

iOS/Android native vector assets generated from SVG
JavaScript
310
star
17

angular-parallax

Lightweight & performant parallax scrolling for angular.js.
JavaScript
203
star
18

angular-lazytube

Lightweight, responsive, lazy loaded YouTube videos that degrades gracefully.
JavaScript
45
star
19

diglett

Keep your JS project lean by detecting duplicate dependencies
JavaScript
44
star
20

esbuild-server

Fast, lightweight and powerful development server for esbuild
TypeScript
38
star
21

react-native-oxc

10x your react-native builds with OXC
TypeScript
28
star
22

oblador.github.io

Landing page for my GitHub projects
HTML
10
star
23

oblador

5
star
24

node-cloud-imager

Powerful yet simple way to apply filters/crop/resize images and upload to cloud providers (Amazon S3, Rackspace, Azure).
JavaScript
3
star
25

node-ups-sdk

JavaScript
3
star
26

sovra

🤏 Rust-based Test Decider for JavaScript using Oxc
Rust
2
star
27

expo-requestidlecallback-issue

TypeScript
1
star
28

react-native-android-autolinking-bug-repro

TypeScript
1
star
29

.github

1
star
30

react-native-fabric-image-unicode-issue

TypeScript
1
star