react-native-fade-in-image

react-native-fade-in-image

Wrap Image components in to have them fade in pleasantly when they finish loading.

$3

``
npm i react-native-fade-in-image --save
`

$3

`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`.

$3

See the example
project
source
or try it out at https://exp.host/@community/fade-in-image-example