{"_id":"@arrkiin/react-native-fit-image","_rev":"2-de00a8d432413cfa16b56673aaae4686","name":"@arrkiin/react-native-fit-image","dist-tags":{"latest":"1.5.4"},"versions":{"1.5.4":{"name":"@arrkiin/react-native-fit-image","version":"1.5.4","description":"Responsive image component to fit perfectly itself.","main":"dist/FitImage.js","scripts":{"build":"tsc","build:test":"tsc -p tsconfig.test.json","build-and-publish":"npm run build && npm publish","lint":"tslint {src,__tests__}/**/*.{ts,tsx}","prebuild":"rm -rf dist","test":"jest"},"repository":{"type":"git","url":"git+https://github.com/arrkiin/react-native-fit-image.git"},"keywords":["React","Native","Fit","Image","Responsive"],"author":{"name":"Jitae Kim","email":"originerd@gmail.com","url":"http://originerd.com"},"license":"Beerware","bugs":{"url":"https://github.com/arrkiin/react-native-fit-image/issues"},"homepage":"https://github.com/arrkiin/react-native-fit-image#readme","dependencies":{"prop-types":"^15.5.10"},"devDependencies":{"@types/jest":"^20.0.5","@types/prop-types":"^15.5.1","@types/react":"^16.0.2","@types/react-native":"^0.47.2","@types/react-test-renderer":"^15.5.2","babel-jest":"^20.0.3","babel-preset-react-native":"^2.1.0","jest":"^20.0.4","jest-cli":"^20.0.4","react":"16.0.0-alpha.12","react-native":"0.47.1","react-test-renderer":"16.0.0-alpha.12","ts-jest":"^20.0.10","tslint":"^5.6.0","typescript":"^2.4.2"},"jest":{"preset":"react-native","transform":{"^.+\\.js$":"<rootDir>/node_modules/babel-jest",".(ts|tsx)":"<rootDir>/node_modules/ts-jest/preprocessor.js"},"transformIgnorePatterns":["<rootDir>/node_modules/typescript"],"testRegex":"(/__tests__/.*|\\.(test|spec))\\.(ts|tsx|js)$","moduleFileExtensions":["ts","tsx","js","json"],"modulePathIgnorePatterns":["<rootDir>/example/"]},"types":"dist/FitImage.d.ts","gitHead":"0e5c09bd695139390dbc6261ebed574fe3fe0897","_id":"@arrkiin/react-native-fit-image@1.5.4","_npmVersion":"5.8.0","_nodeVersion":"9.8.0","_npmUser":{"name":"arrkiin","email":"arrkiin@gmail.com"},"dist":{"integrity":"sha512-XCZubCo5ComCKyZSdVpVdl2HXDus64VWYT3QEEhUTEDDYNQbylHljIbNcnPNrCBhA3ABfQAZ6ZY+lVneZZd4Ug==","shasum":"839aa95f20bec4589424922de13c43d1329808dc","tarball":"https://registry.npmjs.org/@arrkiin/react-native-fit-image/-/react-native-fit-image-1.5.4.tgz","fileCount":14,"unpackedSize":355380,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEUWh7vnWVrs7UAlqNyVc7meL+IKN0o6KC2bD5BRuZ6sAiEA7NX3HKsEuMGwhAaMI4H3gTZXo4i0OC+CBmFT0EmNMTs="}]},"maintainers":[{"name":"arrkiin","email":"arrkiin@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-fit-image_1.5.4_1522835600636_0.92869165522378"},"_hasShrinkwrap":false}},"time":{"created":"2018-04-04T09:53:20.577Z","1.5.4":"2018-04-04T09:53:20.733Z","modified":"2022-04-04T15:35:03.189Z"},"maintainers":[{"name":"arrkiin","email":"arrkiin@gmail.com"}],"description":"Responsive image component to fit perfectly itself.","homepage":"https://github.com/arrkiin/react-native-fit-image#readme","keywords":["React","Native","Fit","Image","Responsive"],"repository":{"type":"git","url":"git+https://github.com/arrkiin/react-native-fit-image.git"},"author":{"name":"Jitae Kim","email":"originerd@gmail.com","url":"http://originerd.com"},"bugs":{"url":"https://github.com/arrkiin/react-native-fit-image/issues"},"license":"Beerware","readme":"# React Native Fit Image [![npm version](https://badge.fury.io/js/react-native-fit-image.svg)](https://badge.fury.io/js/react-native-fit-image)\nReact Native Fit Image enables you to draw responsive image component.\n\n## Introduction\nResponsive image component to fit perfectly itself.\n\n## Install\n`npm install react-native-fit-image --save`\n\n## Usage\n```javascript\nimport FitImage from 'react-native-fit-image';\n\n// custom styles for FitImage\nvar styles = StyleSheet.create({\n  fitImage: {\n    borderRadius: 20,\n  },\n  fitImageWithSize: {\n    height: 100,\n    width: 30,\n  },\n});\n\n// draws image to fit inherited space automatically, even when screen is rotated.\n// even you don't need to provide original size in v1.2.0\n<FitImage\n  source={{ uri: 'https://facebook.github.io/react/img/logo_og.png' }}\n  style={styles.fitImage}\n/>\n\n// draws image to fit inherited space automatically and disables loading indicator\n<FitImage\n  indicator={false} // disable loading indicator\n  indicatorColor=\"white\" // react native colors or color codes like #919191\n  indicatorSize=\"large\" // (small | large) or integer\n  source={{ uri: 'https://facebook.github.io/react/img/logo_og.png' }}\n  style={styles.fitImage}\n/>\n\n// draws image to fit inherited space automatically, even when screen is rotated.\n<FitImage\n  source={{ uri: 'https://facebook.github.io/react/img/logo_og.png' }}\n  originalWidth={400}\n  originalHeight={400}\n  style={styles.fitImage}\n/>\n\n// could use resizeMode\n<FitImage\n  resizeMode=\"contain\"\n  source={{ uri: 'https://facebook.github.io/react/img/logo_og.png' }}\n/>\n\n// or draws image to specific size like Image component.\n<FitImage\n  source={{ uri: 'https://facebook.github.io/react/img/logo_og.png' }}\n  style={styles.fitImageWithSize}\n/>\n\n// draws local image (currently, it does not support responsive)\n<FitImage\n  source={require('fit-image.png')}\n  style={styles.fitImageWithSize}\n/>\n```\n\n## Example\n- See a [FitImageExample][1].\n\n![FitImageExample - Portrait](https://github.com/originerd/react-native-fit-image-example/raw/master/fit_image_example_portrait.gif)\n![FitImageExample - LandScape](https://github.com/originerd/react-native-fit-image-example/raw/master/fit_image_example_landscape.gif)\n\n[1]: https://github.com/originerd/react-native-fit-image-example\n","readmeFilename":"README.md"}