{"_id":"@alanaktion/react-native-zoomable-image","_rev":"1-26106742a1829d0117e129b3fd607349","name":"@alanaktion/react-native-zoomable-image","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@alanaktion/react-native-zoomable-image","version":"0.1.0","description":"A simple Zoomable Image component for React Native","main":"src/ZoomableImage","repository":{"type":"git","url":"git+https://github.com/Alanaktion/react-native-zoomable-image.git"},"keywords":["react-native","image","zoom","pinch","component"],"peerDependencies":{"react":"*","react-native":"*","prop-types":"*"},"dependencies":{"react-native-gesture-handler":"^1.0.0"},"author":{"name":"Alan Hardman","email":"alan@phpizza.com"},"license":"MIT","bugs":{"url":"https://github.com/Alanaktion/react-native-zoomable-image/issues"},"homepage":"https://github.com/Alanaktion/react-native-zoomable-image#readme","gitHead":"9df304cabf7593bbbc3cf38c1de9a9e7f3ec06d4","_id":"@alanaktion/react-native-zoomable-image@0.1.0","_nodeVersion":"11.9.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-knoFcdIIXEk/nHLbcMizALFKkhahLyKwURZho9DugIbjsra2dsaiubLEcsXLG2pgU0vzFXpPM/PJ82ls3DASLQ==","shasum":"0eb7791691375b5e640a67c6df3745f9aef2ebe3","tarball":"https://registry.npmjs.org/@alanaktion/react-native-zoomable-image/-/react-native-zoomable-image-0.1.0.tgz","fileCount":4,"unpackedSize":6053,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcXMhZCRA9TVsSAnZWagAALhEP/jjCZQ7+gdgK7leqIsvp\n8II7+RWFyjoTsUlDyxrptX4Nd2hesD5UBbtG3qIC0n/7o4VTrtmN2XfViMjV\n6pL/yD4aKMNL0I2SgUBk49vip9QwhUTSlhCqkORMMVcI6rEecqBszXktK2Zk\nBuWEDZUJWoq4XnpkSOdF3e12WVNFQo83lDC13enkJC9m71JG9LtShC8d2Mu5\nA7a+qR0l3GUwLxxlI824ot8IyoQSQ9piq5ez/aEmL1EDw8TksCOs3dNSL8QI\nufOXMbF80Ji+f022NfCS0tALxn4eTtQaaHqsuAmzgAGf0ycSxKQtPHGcVkwE\nxrBptT5EGWqfnJj9v37xq5R/xPNfc5r9ucin5RAoUvVBtQta/Htzwm6elueX\nOUYmx/QzOII7EZx6IkBu1PcCfCl+qXcU/N/rqVnpp8CzPBAgWUoe6ZkY1GDd\n3vH/BwKBEYlHO3mb0PPZchdVxCsIj/5AivrVGWHVQWqmBjaWa0Tl9EMcJm0h\n/T9/CWWE3EO5nhM/e4Xg9xNp0fNYMAL7z1GWwoxalHgzdaFfoy3Ob33r93bG\nYsu7CmDEvxd6LyAq+BgsNYAeBYRirY2Z/S9cQd3jXYahcsGs29jbT8+ifCpm\naEL8f35uVgfdqi5uC4YnrDm8dOkQyNXXiSQHJ0qQ5j8c+VrUVPact5ngJ6Ae\ngZGr\r\n=nm1o\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDwQQXbLRmOQg94S4oN/7I9Xf6f9/nGtXM2HmhF1IxyZgIhAJ0KaBbIpk9Pt8MuM2UR1bo5/vOkw5+vyDvlqqeiypJ5"}]},"maintainers":[{"name":"alanaktion","email":"alanaktion@gmail.com"}],"_npmUser":{"name":"alanaktion","email":"alanaktion@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-zoomable-image_0.1.0_1549584472748_0.07432617643025474"},"_hasShrinkwrap":false}},"time":{"created":"2019-02-08T00:07:52.566Z","0.1.0":"2019-02-08T00:07:52.851Z","modified":"2022-04-04T12:32:56.312Z"},"maintainers":[{"name":"alanaktion","email":"alanaktion@gmail.com"}],"description":"A simple Zoomable Image component for React Native","homepage":"https://github.com/Alanaktion/react-native-zoomable-image#readme","keywords":["react-native","image","zoom","pinch","component"],"repository":{"type":"git","url":"git+https://github.com/Alanaktion/react-native-zoomable-image.git"},"author":{"name":"Alan Hardman","email":"alan@phpizza.com"},"bugs":{"url":"https://github.com/Alanaktion/react-native-zoomable-image/issues"},"license":"MIT","readme":"# Zoomable Image\n\nA simple `ZoomableImage` component for React Native\n\n## Installation\n\n```bash\nnpm i --save react-native-zoomable-image\n```\n\n## Usage\n\nAdd the `ZoomableImage` component anywhere you'd usually put an `Image`. The only required attribute is `source`, which supports any value accepted by the React Native `image` component's `source` attribute.\n\nThe optional `maxZoom` attribute can be used to limit the maximum zoom level of the image, relative to the image's native resolution. It defaults to `3`.\n\n```jsx\n<ZoomableImage\n    source={{ uri: '' }}\n    maxZoom={2} />\n```\n\nBy default, the component allows the images to scale outside of the component. If you want images to be clipped to the `ZoomableImage` component's bounding box, add `style={{ overflow: 'hidden' }}`.\n\n### Multiple images\n\nThe `ZoomableImage` component avoids intercepting unnecessary gestures, so it can be included directly within in _e.g._ a `ScrollView` or `ViewPagerAndroid` component should will just work. Just create a new instance of the component for each image you want to display, and position each wherever you'd like the images to display.\n\n## Demo\n\n<abbr title=\"I miss Wigu\">Spring into action</abbr> with an [Expo Snack](https://snack.expo.io/@alanaktion/zoomable-image), demonstrating the component in a `ScrollView`.\n","readmeFilename":"README.md"}