react-native-fast-image >= 5.1.2
1.導(dǎo)入:
npm install --save react-native-cz-image-placeholder
2.使用:
import ImagePlaceholder from 'react-native-cz-image-placeholder';
3.參數(shù)說(shuō)明:
defaultSource: 默認(rèn)圖: require('./images/xxx.png')
url: 圖片地址: ''
width: 圖片寬: 100
height: 圖片高: 100
style: 圖片樣式: {borderRadius: 50}
headers: 圖片headers: {"x": "y"}
priority: 圖片下載優(yōu)先級(jí): CZImagePlaceholder.priority.normal
cache: 下載緩存策略: CZImagePlaceholder.cacheControl.immutable
resizeMode: 圖片顯示類型: CZImagePlaceholder.resizeMode.contain
func:
evaluateView: 賦值當(dāng)前對(duì)象 { (imagePlaceholder) => {this.imagePlaceholder = imagePlaceholder}}
onLoadStart: 開(kāi)始下載網(wǎng)絡(luò)圖片
onLoad: 下載成功
onError: 下載失敗
onLoadEnd: 加載完成皆疹,無(wú)論成功失敗都會(huì)調(diào)用
export func:
modifyImageUrl: 更換圖片地址