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

React Native Indicator Image

A image component with indicator 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.

License

This library is distributed under MIT Licence.