React-Native-Fast-Image Introduction

| By Webner

React Native
Native Fast Image

For the most part, React Native’s Image component handles image caching in the same way as browsers do. If the server is returning proper cache-control headers for images you’ll generally get the sort of built-in caching behavior you’d have in a browser. Even so many people have noticed:

  • Flickering.
  • Cache misses.
  • Low-performance loading from cache.
  • Low performance in general.

FastImage is an Image alternative that addresses these concerns.


  • Aggressively cache images.
  • Add authorization headers.
  • Prioritize images.
  • Preload images.
  • GIF support.
  • Border radius.

Note: To use the most recent version of react-native-fast-image , you must be using React Native 0.60.0 or above.

yarn add react-native-fast-image
cd ios && pod install
import FastImage from 'react-native-fast-image'
const YourImage = () => (
style={{ width: 200, height: 200 }}
uri: '',
headers: { Authorization: 'someAuthToken' },
priority: FastImage.priority.normal,

Leave a Reply

Your email address will not be published. Required fields are marked *