react-native-img-with-placeholder v1.0.1

react-native-img-with-placeholder

react-native-img-with-placeholderis used to display image with placeholder.

When image is loading, placeholder(aka default image) will be displayed. After image is loaded successfullly, placeholder will be removed to reduce view count.

Install

npm install react-native-img-with-placeholder --save

Props

用法

import ImageWithPlaceHolder from 'react-native-img-with-placeholder';

<ImageWithPlaceHolder
  style={styles.inner}
  source={{ uri: 'http://xxxx/f190c59d6e014a97831c471777863301.jpg' }}
  placeHolderSource={require('./img/default.png')}
/>

react-native-img-with-placeholder控件封装了默认图片的功能。

当图片加载中或者加载失败(比如地址不正确)时，显示默认图片。 当图片加载成功时，移除默认图片。

安装

npm install react-native-img-with-placeholder --save

属性

用法

import ImageWithPlaceHolder from 'react-native-img-with-placeholder';

<ImageWithPlaceHolder
  style={styles.inner}
  source={{ uri: 'http://xxxx/f190c59d6e014a97831c471777863301.jpg' }}
  placeHolderSource={require('./img/default.png')}
/>