Skip to content

oneclick-llc/react-native-pinch-zoom

 
 

Repository files navigation

react-native-pinch-zoom

About the project

Replicate easily the Instagram zooming feature for React Native

Example

Installation

"react-native-pinch-zoom": "sergeymild/react-native-pinch-zoom#0.3.7"

Usage

import { PinchZoomView } from "react-native-pinch-zoom";

// ...
// disableScrollViewOnPinch - prevent scrollView handle scroll events on pinch zoom (only on IOS)
// onDoubleTap - callback which will be called on double tap
// onTap - callback which will be called on tap
// disabledPinchZoom - togglePinchZoom
// onPinchStart - called when Pinch starts
// onPinchEnd - called when Pinch ends

<PinchZoomView disableScrollViewOnPinch>
  <Video
    resizeMode={'cover'}
    muted
    source={{
      uri: 'http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4',
    }}
    style={{ width: '100%', height: '100%' }}
  />
</PinchZoomView>

Contributing]

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT


Made with create-react-native-library

About

No description, website, or topics provided.

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Java 50.3%
  • Swift 18.3%
  • Kotlin 7.4%
  • Ruby 6.6%
  • TypeScript 6.4%
  • Objective-C 5.2%
  • Other 5.8%