react-native-zoomable

Pinch to zoom and double/single tap component most likely used to preview images but can be used to wrap other components.

Usage

import Zoomable from 'react-native-zoomable';

Basics:

<Zoomable
  zoomScale={3}
  onScrollOrZoom={(e) => alert('did that thing!')}
  tapToZoomOut="double"
>
  <Image source={{ uri }} style={{ width: 50, height: 50 }} />
</Zoomable>

Properties

| Property | Type | Description | |-----------------|----------|--------------------------------------------------------------| | onScrollOrZoom | function | called when scrolled or zoomed, sent an event as a param | | zoomScale | number | zoom scale. (default: 4) | | zoomInTrigger | string | can be 'singletap' or 'doubletap'. (default: 'doubletap') | | zoomOutTrigger | string | can be 'singletap' or 'doubletap'. (default: 'singletap') |

Copyright

Copyright (c) 2016 Chris LeBlanc. Licensed under the MIT license.