A image component with indicator and error default image

react-native-image-indicator

A Image Component with Indicator, Default Image and Error Default Image.

Installation

$ npm install @unpourtous/react-native-image-indicator --save

Usage

import CustomImage from '@unpourtous/react-native-image-indicator'

<CustomImage
  style={{alignItems: 'center', justifyContent: 'center', height:300,width:300, backgroundColor: '#fdf9e6'}}
  source={'image url'}
  defaultImage={require('./images/default.jpg')}
  errorImage={require('./images/error.png')} />

API

Props Type Description
source string The remote URL image source.
useQueryParamsInCacheKey bool Config if cache key contains query in url, default value is true
defaultImage number The image before remote image loaded
errorImage number The image when remote image loade failed
renderIndicator function The function that render indicator component(exclusion indicator when renderIndicator setted)
indicator function The indicator component when image is loading
indicatorProps object The props of indicator component
threshold number Delay before indicator component show in milliseconds, default value 50.

GitHub