@expo/react-native-fade-in-image
Wrap Image components in <FadeIn>
to have them fade in pleasantly when they finish loading.
Installation
npm i @expo/react-native-fade-in-image --save
Usage
;;; const uri = 'https://d3lwq5rlu14cro.cloudfront.net/v1/AQ5jDS5SYyUkapWWEviV.png'; Component { return <FadeIn> <Image source= uri style= width: 162 height: 28 /> </FadeIn> ; }
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
.
Example
See the example project source or try it out at https://exp.host/@community/fade-in-image-example