Wrap Image components in <FadeIn> to have them fade in pleasantly when they finish loading
npm install react-native-fade-in-imageWrap Image components in to have them fade in pleasantly when they finish loading.
```
npm i react-native-fade-in-image --save
`javascript
import React from 'react';
import { Image } from 'react-native';
import FadeIn from 'react-native-fade-in-image';
const uri = 'https://d3lwq5rlu14cro.cloudfront.net/v1/AQ5jDS5SYyUkapWWEviV.png';
class FancyImage extends React.Component {
render() {
return (
);
}
}
`
#### props
- style adds style to the image wrapper.renderPlaceholderContent
- renders an element while loading the image, e.g. a spinner.placeholderStyle
- adds style to the placeholder wrapper, default background color is #eee`.
See the example
project
source
or try it out at https://exp.host/@community/fade-in-image-example