react-native-image-placeholder

• Support Android and iOS.
• The image component that supports shows placeholderSource when load image network.
• Show placeholderSource if the main source can't be loaded or error.
• Support custom ActivityIndicator loading.

Installation

npm i --save react-native-image-placeholder

Please file an issue if you have any trouble!

Usage

import ImageLoad from 'react-native-image-placeholder';

....

<ImageLoad
    style={{ width: 320, height: 250 }}
    loadingStyle={{ size: 'large', color: 'blue' }}
    source={{ uri: 'https://4.bp.blogspot.com/-lYq2CzKT12k/VVR_atacIWI/AAAAAAABiwk/ZDXJa9dhUh8/s0/Convict_Lake_Autumn_View_uhd.jpg' }}
/>

Options

Supports all Image properties.

Option	Default	Info
placeholderSource	require('./Images/empty-image.png')	Show placeholderSource if the source can't be loaded or error.
loadingStyle	size: 'small'; color: 'gray'	Style ActivityIndicator
isShowActivity	true	Show ActivityIndicator loading
placeholderStyle		Style placeholder image

License

ISC