ProgressiveImage

Image component that loads first a small thumbnail of the images, and fades-in the full-sized image with animation once it's loaded
(code example)

info

This component extends AnimatedImage props.

Live Editor

<ProgressiveImage
  source={{uri: , cache: 'reload'}}
  thumbnailSource={{uri: , cache: 'reload'}}
/>

Result

API

Small thumbnail source to display while the full-size image is loading ImageSource