{"_id":"@expo/react-native-fade-in-image","_rev":"32-b87d3ac1a55371a5ebb0a5eb1160606e","name":"@expo/react-native-fade-in-image","dist-tags":{"latest":"1.1.1"},"versions":{"1.1.1":{"name":"@expo/react-native-fade-in-image","version":"1.1.1","author":{"name":"Brent Vatne","email":"brent@getexponent.com"},"license":"MIT","_id":"@expo/react-native-fade-in-image@1.1.1","maintainers":[{"name":"expo","email":"exponent.team@gmail.com"}],"dist":{"shasum":"f3126988c791324adbba807399899243c1a3a731","tarball":"https://registry.npmjs.org/@expo/react-native-fade-in-image/-/react-native-fade-in-image-1.1.1.tgz","integrity":"sha512-yjm2NziLuBdwVbEWAh0DiNBBDbr3vp2B1NxjXyGZlmYIDBZEr0Wb/XpC69CUMJo1ZAXyRhCaYxfs/3Og2uSSxA==","signatures":[{"sig":"MEUCIQC5FbcXIGXrGjGR09VCSLDFoOtgwVxoLM7RqpiF6chFCgIgPFSHIWorXF6UcbOk4zq7lXZVFiBVBkK5+FIur6M2xME=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"index.js","_from":".","files":["FadeIn.android.js","FadeIn.ios.js","index.js","README.md"],"_shasum":"f3126988c791324adbba807399899243c1a3a731","gitHead":"8541c00862bb8ba7a71965661f4b9b12769db8ee","scripts":{},"_npmUser":{"name":"expo","email":"exponent.team@gmail.com"},"_npmVersion":"4.1.2","description":"Wrap Image components in <FadeIn> to have them fade in pleasantly when they finish loading","directories":{},"_nodeVersion":"7.7.1","dependencies":{"react-mixin":"^3.0.5","react-timer-mixin":"^0.13.3","react-clone-referenced-element":"^1.0.1"},"_npmOperationalInternal":{"tmp":"tmp/react-native-fade-in-image-1.1.1.tgz_1488837173684_0.05162139795720577","host":"packages-12-west.internal.npmjs.com"}}},"time":{"created":"2017-03-06T21:52:53.955Z","modified":"2024-08-12T21:16:42.456Z","1.1.1":"2017-03-06T21:52:53.955Z"},"author":{"name":"Brent Vatne","email":"brent@getexponent.com"},"license":"MIT","description":"Wrap Image components in <FadeIn> to have them fade in pleasantly when they finish loading","maintainers":[],"readme":"## @expo/react-native-fade-in-image\n\nWrap Image components in `<FadeIn>` to have them fade in pleasantly when they finish loading.\n\n### Installation\n\n```\nnpm i @expo/react-native-fade-in-image --save\n```\n\n### Usage\n\n```javascript\nimport React from 'react';\nimport { Image } from 'react-native';\nimport FadeIn from '@expo/react-native-fade-in-image';\n\nconst uri = 'https://d3lwq5rlu14cro.cloudfront.net/v1/AQ5jDS5SYyUkapWWEviV.png';\n\nclass FancyImage extends React.Component {\n  render() {\n    return (\n      <FadeIn>\n        <Image source={{ uri }} style={{ width: 162, height: 28 }} />\n      </FadeIn>\n    );\n  }\n}\n```\n\n#### props\n\n- `style` adds style to the image wrapper.\n- `renderPlaceholderContent` renders an element while loading the image, e.g. a spinner.\n- `placeholderStyle` adds style to the placeholder wrapper, default background color is `#eee`.\n\n### Example\n\nSee the [example\nproject\nsource](https://github.com/expo/react-native-fade-in-image/tree/master/example)\nor try it out at https://exp.host/@community/fade-in-image-example\n","readmeFilename":"README.md"}