{"_id":"@cshancock/react-native-avatar-crop","_rev":"4-837e6ba314a2816a12ef116dfc667935","name":"@cshancock/react-native-avatar-crop","dist-tags":{"latest":"1.3.8"},"versions":{"1.3.5":{"name":"@cshancock/react-native-avatar-crop","version":"1.3.5","description":"Crop component to crop profile images","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","lint":"eslint . --ext .js,.jsx,.ts,.tsx","build":"rm -rf dist; tsc;"},"repository":{"type":"git","url":"git+https://github.com/casos92/react-native-avatar-crop.git"},"author":{"name":"Aravind Vemula","email":"vemarav@outlook.in"},"license":"MIT","keywords":["react-native","react","crop","image","cropper","avatar"],"bugs":{"url":"https://github.com/ggunti/react-native-avatar-crop/issues"},"homepage":"https://github.com/vemarav/react-native-avatar-crop","_id":"@cshancock/react-native-avatar-crop@1.3.5","_nodeVersion":"14.15.1","_npmVersion":"6.14.8","dist":{"integrity":"sha512-yRGDVuIlNUtwVPIkgoMG9a3YHDsGWVs/A5SAw9uv+OagY/snBXczVyCFzGwQ4+GmshklrWp3FnsXkprr31Khqw==","shasum":"e69eae13ea34b078cdf1a258a4db5ed15908fda7","tarball":"https://registry.npmjs.org/@cshancock/react-native-avatar-crop/-/react-native-avatar-crop-1.3.5.tgz","fileCount":5,"unpackedSize":9729,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6cKsCRA9TVsSAnZWagAAsPAQAIN4Lju/XjHHMXLBcsIP\nqiZN/aNM1sQdY2s7QemfhJ8cc0apkO8qLL1a1+oszOAGp6gPxup2V96yQimz\nRNyrscChuBS7YSGw8+u/yxeXUVGoIy2gMPT21ARV7fM7BXhGhc1cf+cEooRw\nHisoPfAjGtI3JtXjbkOf+wphqDffzEZ8FiPwPuTr2h+yv+oBOb/EEOuLBjbC\nFjxg9Tfius0AEG4t2ybziL5Otn0JFFg2tJcFf5E4oj+FQ2Sv0zC7ZLjvtSzA\nGDagwlls6C2GrqCD6m2ssaCRvprKeRzP3tLybaV4rc0jZMBbVgqa1hOlG0Z9\nZZ4SJ5xP8NaIiIfAzZbTIYidpkO1IJkXmIPF2ApvOGhV7bIsn+wwJN1nAktJ\n2Wt1t/skAzQVjwxhAUzyKF1V3E7+/oxv30CVXcsiZ6KF0XxnmxeYD72PCgD4\nab//f8C3m53fGYtIBS2ClLeP3U37TN/SafFT3wS/8tRKlQ91QxiDR4kJNckI\nitcLrEkkBjjyoEcGZ0we33pVqZLS2ESkC2DSV3pI2f8QLdXUyTDEWoFZ3MPP\nQrjktz3AWa3pWKHbbDrjCLA/Jwdhf/X5vvtqwU8RhIWIocjcumbzC3n1da3a\n1adzbdyu8/FodQF7DCbRUqcWJvMjjMt57FxzdMIvtCEL/xUeQrDKMHbIAOm+\nwjmu\r\n=QP3s\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC4bj+mdq9H8JxkSfPVe47jcjXLdnls/jlSEN4BRzurZwIhAKqq7JR/NT0m1doP4hc8FkEez5/8VqhCs6eYcxIwW3t1"}]},"_npmUser":{"name":"cshancock","email":"casey.s.hancock@gmail.com"},"directories":{},"maintainers":[{"name":"cshancock","email":"casey.s.hancock@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-avatar-crop_1.3.5_1642709676661_0.3816118992999813"},"_hasShrinkwrap":false},"1.3.6":{"name":"@cshancock/react-native-avatar-crop","version":"1.3.6","description":"Crop component to crop profile images","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","lint":"eslint . --ext .js,.jsx,.ts,.tsx","build":"rm -rf dist; tsc;"},"repository":{"type":"git","url":"git+https://github.com/casos92/react-native-avatar-crop.git"},"author":{"name":"Aravind Vemula","email":"vemarav@outlook.in"},"license":"MIT","keywords":["react-native","react","crop","image","cropper","avatar"],"bugs":{"url":"https://github.com/ggunti/react-native-avatar-crop/issues"},"homepage":"https://github.com/vemarav/react-native-avatar-crop","_id":"@cshancock/react-native-avatar-crop@1.3.6","_nodeVersion":"14.15.1","_npmVersion":"6.14.8","dist":{"integrity":"sha512-+eywmRXbQshbvUE1N0dciQo/vtasc9roPevoTzGCZg+resingY2dPIz6ERvVhkQHF8y0+GM2iMX+zG6dSvbxNw==","shasum":"f83d2d26bb9b28a21236e30d713b0763d82e2cee","tarball":"https://registry.npmjs.org/@cshancock/react-native-avatar-crop/-/react-native-avatar-crop-1.3.6.tgz","fileCount":4,"unpackedSize":9695,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6dXpCRA9TVsSAnZWagAA92MP/ijviysWT+Ym3yTOOIou\nw2YfkvnAWkh1iVm9ptqRr5qxuyzzuGaAZT4UV3bp1Bu7rrtP4V3IwjYEZE7r\nhBEM7oyjQsHcDUT4LaBb/K5ujEOYuisphAgix4CI/T+KkJft4zEcxs3NAVOC\nW06mKUsdwOP4is61xdy3V10XcTCMQRXJRt0zeUvP4f55dGIxuNZmX9XOVpj1\nDXsU5TN4VcmdR94JqrRtsOG2h/y9nlRTNgycOCy8LsE1YeRW9wkVZr3IVpBK\naq2rGZuIkpAnmlrv/YzZPT4UzFb9Clguac6q8rIHG7P+FdNK0UHjOCQVhUkf\nab0Mw4laWRZO245DV8mhfiMiG5HdufhvBAvX0suA+Wt4uJyw+zDzP5VAQr4q\npL4LGVz3nSs/pFy0wyjMoHoiglfWR6sEnvPFYb8FAJy6PUX7Vo1YvFt3fErr\ndDi2bmqzMmdUCJORgF9rpwcBRucCTW9jNb8lGTER1earVLmv7uBDRurS/r1C\nfjKC7XuVOyRUrZMMM89r+Zv83XzD1RLPq5nnAROwHhGikmnT6rR+YlxTGwww\nj7/hgqdUUmYdWC2eVltpu1LJ5dxxz+qE6vpmtvGzH85u5l9iHH95CS7WsnQ5\n0xw0CgIq54bxzgvh7p6nuNRotWKvpI0Q7fMv7CDla7edvDs8TuM03wlnP3jt\n+r81\r\n=BtMa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCRUag4LCj6W2YhixtzFPsnEG08OneXutAyG/V3teB+lQIhALzZCiHUO4Au04g0h0FRxeBm5DYHvnmAI9qj1NG70F8J"}]},"_npmUser":{"name":"cshancock","email":"casey.s.hancock@gmail.com"},"directories":{},"maintainers":[{"name":"cshancock","email":"casey.s.hancock@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-avatar-crop_1.3.6_1642714601460_0.958272382161977"},"_hasShrinkwrap":false},"1.3.7":{"name":"@cshancock/react-native-avatar-crop","version":"1.3.7","description":"Crop component to crop profile images","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","lint":"eslint . --ext .js,.jsx,.ts,.tsx","build":"rm -rf dist; tsc;"},"repository":{"type":"git","url":"git+https://github.com/casos92/react-native-avatar-crop.git"},"author":{"name":"Aravind Vemula","email":"vemarav@outlook.in"},"license":"MIT","keywords":["react-native","react","crop","image","cropper","avatar"],"bugs":{"url":"https://github.com/ggunti/react-native-avatar-crop/issues"},"homepage":"https://github.com/vemarav/react-native-avatar-crop","_id":"@cshancock/react-native-avatar-crop@1.3.7","_nodeVersion":"14.15.1","_npmVersion":"6.14.8","dist":{"integrity":"sha512-ccwe7MPSrI5Gc6gnGfhrWnd05gx898Q2DNWF8FbDXoxdaRuuJmLQCTBPt9S3xT1RAxZkCnE58jVbGgzdV8JEVQ==","shasum":"4c874acf7d7b79a6b53a89890196b9b03533ae7e","tarball":"https://registry.npmjs.org/@cshancock/react-native-avatar-crop/-/react-native-avatar-crop-1.3.7.tgz","fileCount":4,"unpackedSize":9695,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6uNtCRA9TVsSAnZWagAAycsQAJMASaIbfYrnZcppGCa8\ni8IcYfIh8hMSdpSCAPf7wkNgBR6PfL39CE/qBRRrwnQOW5iVXuRsOUnhy28U\nsxFvrAnXz+axmY7GCFNpMhUGP9/2/qUqVAcO19+dg5K/ohofgSuHmiulNGzv\nOxgqDdl1daynTQ3k4Z4fmKzYgdckB/6axMpr7LnCsyZHfb5246h/V+VosW3N\n7Cijb1EUG5QGtCIt8UJnAqLbFugoz92kompC7APHkX6Ex3gYTkAwfIwdVV1z\nk+GT51SERsADUlZuORO+fsZt4v3csHpZ8CD38PcjfH1zKfbASrrixklOb4Gh\nQH7D+tWrmdkFuxVqTNQNxuZXz1yrwJ4IxDMyfoOV2HQRdWXo6hbiKmvYMUV2\n4QeiplBe+3PEKNJGA5o8Ktf3YLCScVmcZVAOLMrQRpPR0UWGOwwtpobgDARs\n6qUA2D0zf/1UwHCRWGZ8UN3QC7AOxTZDxxm/Q0NNZIQ67cs/PvBcgqHv+xrF\nUtMUq/gyEbxKoI9WhZZyBY0TsGIf865GagboDgeMAYqv2qq628+ehJr62tKg\nOdQp88BHXVgW0UzU2g0sRjchfmS7382KeB4oY9V70HVNk23Z7xosvPaq/IuK\n8bMtLiOcmYoZKRK5/37L0RaEFXh37QuhkRLtZojtBLclsa+PLk2eYRgwOc3d\nFThJ\r\n=reS/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGzcJH/cIk9rldj2syvn8xM0qtRNBuBAxRqzl4GLMXZYAiBeXhB+Gb171sg4Q+j5qIIXJqjKrn6vEBvG0KOpFMwcTw=="}]},"_npmUser":{"name":"cshancock","email":"casey.s.hancock@gmail.com"},"directories":{},"maintainers":[{"name":"cshancock","email":"casey.s.hancock@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-avatar-crop_1.3.7_1642783597185_0.24165097468351648"},"_hasShrinkwrap":false},"1.3.8":{"name":"@cshancock/react-native-avatar-crop","version":"1.3.8","description":"Crop component to crop profile images","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","lint":"eslint . --ext .js,.jsx,.ts,.tsx","build":"rm -rf dist; tsc;"},"repository":{"type":"git","url":"git+https://github.com/casos92/react-native-avatar-crop.git"},"author":{"name":"Aravind Vemula","email":"vemarav@outlook.in"},"license":"MIT","keywords":["react-native","react","crop","image","cropper","avatar"],"bugs":{"url":"https://github.com/ggunti/react-native-avatar-crop/issues"},"homepage":"https://github.com/vemarav/react-native-avatar-crop","_id":"@cshancock/react-native-avatar-crop@1.3.8","_nodeVersion":"14.15.1","_npmVersion":"6.14.8","dist":{"integrity":"sha512-FxGNORLZrvoGhZxnhT+PdY0cvXAeeEa5xNfEzISqN2zZYK2j62T/JBvmANGo2F1QrzM7Ka0zfmrTbZ5zvsA0bA==","shasum":"ee4751998907161c62792e234d22f11cb7e77319","tarball":"https://registry.npmjs.org/@cshancock/react-native-avatar-crop/-/react-native-avatar-crop-1.3.8.tgz","fileCount":4,"unpackedSize":9847,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD+G9HrNb8GLpS63t5s+yMX711iagFfKP7KkEYcb5NM0gIhAId3vfB12HGp4vq0NR0Hxj+kKXbYIFYe0kwn16AvI8uw"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhk8yACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrZJBAAherUno8e67UnBiBe3cgfyijg8t4j9CuWl/pB69iHfiO6Lvwb\r\nMcieaZdBEaAcNue6FWwydRU0t3bgEJdYpxmfrH+MaPbJzvu86ThuKl+326Xl\r\nTunzftJYu0z6K4eqAiwWHJlX1IIeE+UwUymws2FRtcqYENkrtONJKCuHVX8v\r\nV3aQuT2N6bLo76ijoxI2jCdGHdDQi6owzWfyvy37D0a2Yok58P1L9w80y6FY\r\nLZGCYE3osvvdLrHqhUxHk3ckpephSX5mg9PP/ul2BUOUbAzbhB9YRSquMbvw\r\n+V5sC75GzeCliE0moi3O3t78ECNRCbEx1rb2E4JOx5j/mM6lwGD9LriQ/M21\r\nQBtfD7hxRwKlYQhy/l6l/SxzKQ9QxIUp4w++GXRbm4h4kJ2tD1681AnXNZfP\r\n5urGIlJhEY4sxYAmBhjaooZNSRh0mQWWGW+Iq8fbz6Ayq3CeCTcHr6KWkmMo\r\nXkBtcJaZfmuzmceSXKfW88+u/E5+DM0V5ZTC619jANioXKsws96WXqiNEH4J\r\n+YIbJJYdJZB1+FfOAyNdkcAlCGcRlZ47NnYOFhyoPWB2i3gPs0Y07AEIuHRZ\r\nEvoFUX7xX1evrmKPkyp+HW+vvxz+HXgZpEFIJZbzKPFu2ql2ZU7kXmX9f4ui\r\n3TpL9zqI5XjY79D9QKPc9VnTtVDbNMEhLHU=\r\n=pjH/\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"cshancock","email":"casey.s.hancock@gmail.com"},"directories":{},"maintainers":[{"name":"cshancock","email":"casey.s.hancock@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-avatar-crop_1.3.8_1669746482319_0.49896237007068"},"_hasShrinkwrap":false}},"time":{"created":"2022-01-20T20:14:36.610Z","1.3.5":"2022-01-20T20:14:36.790Z","modified":"2022-11-29T18:28:02.604Z","1.3.6":"2022-01-20T21:36:41.605Z","1.3.7":"2022-01-21T16:46:37.382Z","1.3.8":"2022-11-29T18:28:02.520Z"},"maintainers":[{"name":"cshancock","email":"casey.s.hancock@gmail.com"}],"description":"Crop component to crop profile images","homepage":"https://github.com/vemarav/react-native-avatar-crop","keywords":["react-native","react","crop","image","cropper","avatar"],"repository":{"type":"git","url":"git+https://github.com/casos92/react-native-avatar-crop.git"},"author":{"name":"Aravind Vemula","email":"vemarav@outlook.in"},"bugs":{"url":"https://github.com/ggunti/react-native-avatar-crop/issues"},"license":"MIT","readme":"# react-native-avatar-crop\n\nSupports rect and circle cropping. Use `cropArea={{width, height}}` for custom aspect ratio.\n\nDownload apk to see it in action, [click to download](https://reactnativeavatarcrop.page.link/download)\n\n<br>\n\n| Image Picker                                                                                | Network Image                                                                                |\n| ------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------- |\n| ![video](https://github.com/vemarav/react-native-avatar-crop/raw/main/screenshots/demo.gif) | ![video](https://github.com/vemarav/react-native-avatar-crop/raw/main/screenshots/demo2.gif) |\n\n## Installation\n\n> Note: Please migrate to @react-native-masked-view/masked-view if using @react-native-community/masked-view\n\nnpm\n\n```\nnpm install react-native-avatar-crop vemarav/react-native-image-editor react-native-image-size @react-native-masked-view/masked-view  @react-native-gesture-handler --save\n```\n\nyarn\n\n```\nyarn add react-native-avatar-crop vemarav/react-native-image-editor react-native-image-size @react-native-masked-view/masked-view  @react-native-gesture-handler\n```\n\n## Usage\n\n```jsx\nconst component = (props) => {\n  const { uri, setUri } = useState(\"\");\n  let crop;\n  const { width: SCREEN_WIDTH } = Dimensions.get(\"window\");\n\n  const cropImage = async () => {\n    // crop accepts quality, default is 1\n    // uri will have cropped image cache path\n    const { uri, width, height } = await crop(0.9);\n    setUri(uri);\n  };\n\n  return (\n    <View>\n      {uri ? (\n        <Image\n          source={{ uri }}\n          style={{\n            width: SCREEN_WIDTH,\n            height: SCREEN_WIDTH,\n            resizeMode: \"contain\",\n          }}\n        />\n      ) : null}\n      <Crop\n        source={props.uri}\n        cropShape={\"circle\"} // rect || circle\n        width={SCREEN_WIDTH} // default value\n        height={SCREEN_WIDTH} // defalt value\n        cropArea={{\n          width: SCREEN_WIDTH / 1.3, // required\n          height: SCREEN_WIDTH / 1.3, // required\n        }}\n        borderWidth={0} // default 2\n        backgroundColor={\"#FFFFFF\"} // default #FFFFFF, use same format\n        opacity={0.7} // between 0 and 1, default is 1\n        maxZoom={3} // default 3\n        resizeMode={\"contain\"} // default \"cover\"\n        onCrop={(cropCallback) => (crop = cropCallback)} // returns a function\n      />\n    </View>\n  );\n};\n```\n\nsee full example [here](https://github.com/vemarav/react-native-avatar-crop/blob/main/example/CropImage.tsx)\n\n## CONTRIBUTING\n\n1. Whether you are a novice or experienced software developer, all contributions and suggestions are welcome!\n\n   Clone repo\n\n   git clone https://github.com/vemarav/react-native-avatar-crop.git\n\n2. Add features or bug fixes\n\n3. Make a Pull Request\n\n   OR\n\n   Report a bug [here](https://github.com/vemarav/react-native-avatar-crop/issues/new/choose)\n\n   Feel free to contribute, hosted on ❤️ with Github.\n\n## TODO\n\n- [ ] Add rotation support\n\n## LICENSE\n\nPackage published under [MIT License](https://github.com/vemarav/subdomains/blob/master/LICENSE)\n\n## Author\n\n- [Aravind Vemula](https://github.com/vemarav)\n\n## LIKED IT\n\nPlease use following button to star the, so it can reach others too\n\n[![](https://img.shields.io/github/stars/vemarav/react-native-avatar-crop.svg?label=Stars&style=social)](https://github.com/vemarav/react-native-avatar-crop)\n\n## SOCIAL\n\n[![Twitter Follow](https://img.shields.io/twitter/follow/vemarav.svg?style=social&label=Follow)](https://twitter.com/vemarav)\n","readmeFilename":"README.md"}