Android 上的 GIF 和 WebP支持

dependencies {
  // If your app supports Android versions before Ice Cream Sandwich (API level 14)
  compile 'com.facebook.fresco:animated-base-support:1.9.0'

  // For animated GIF support
  compile 'com.facebook.fresco:animated-gif:1.9.0'

  // For WebP support, including animated WebP
  compile 'com.facebook.fresco:animated-webp:1.9.0'
  compile 'com.facebook.fresco:webpsupport:1.9.0'

  // For WebP support, without animations
  compile 'com.facebook.fresco:webpsupport:1.9.0'
}

Props

• style
• blurRadius
• onLayout
• onLoad
• onLoadEnd
• onLoadStart
• resizeMode
• source
• loadingIndicatorSource
• onError
• testID
• resizeMethod
• accessibilityLabel
• accessible
• capInsets
• defaultSource
• onPartialLoad
• onProgress
• fadeDuration

Methods

• getSize
• prefetch
• abortPrefetch
• queryCache
• resolveAssetSource

參考

Props

style

• Layout Props...
• Shadow Props...
• Transforms...
• borderTopRightRadius: number
• backfaceVisibility: enum('visible', 'hidden')
• borderBottomLeftRadius: number
• borderBottomRightRadius: number
• borderColor: color
• borderRadius: number
• borderTopLeftRadius: number
• backgroundColor: color
• borderWidth: number
• opacity: number
• overflow: enum('visible', 'hidden')
• resizeMode: Object.keys(ImageResizeMode)
• tintColor: color
  將所有非透明像素的顏色更改為tintColor。
• overlayColor: string (Android)
  當圖像具有圓角時，指定overlayColor將使角落中的剩餘空間填充純色。這在圓角的Android實現不支持的情況下很有用：
  • 某些調整大小模式，例如'包含'
  • 動畫GIF
  使用此道具的典型方法是將圖像顯示在純色背景上，並將overlayColor設置為與背景相同的顏色。
  
  有關如何在幕後工作的詳細信息，請參閱 http://frescolib.org/docs/rounded-corners-and-circles.html

blurRadius

onLayout

onLoad

onLoadEnd

onLoadStart

resizeMode

• cover: 均勻縮放圖像（保持圖像的縱橫比），使圖像的尺寸（寬度和高度）等於或大於視圖的相應尺寸（減去填充）。
• contain: 均勻縮放圖像（保持圖像的縱橫比），使圖像的尺寸（寬度和高度）等於或小於視圖的相應尺寸（減去填充）。
• 
  
• stretch: 獨立縮放寬度和高度，這可能會改變src的寬高比。
• repeat: 重複圖像以覆蓋視圖的框架。圖像將保持其大小和縱橫比，除非它大於視圖，在這種情況下，它將被均勻縮小以使其包含在視圖中。
• center: 沿著兩個維度在圖像中居中。如果圖像大於視圖，請將其均勻縮小以使其包含在視圖中。

source

loadingIndicatorSource

可以接受返回的數字 require('./image.jpg')

onError

testID

resizeMethod

• auto: 使用啟發式方法在調整大小和縮放之間進行選擇。
• resize: 一種軟件操作，在解碼之前更改內存中的編碼圖像。當圖像比視圖大得多時，應該使用它來代替比例。
• scale: 縮小或放大圖像。與調整大小相比，縮放更快（通常是硬件加速）並產生更高質量的圖像。如果圖像小於視圖，則應使用此選項。如果圖像略大於視圖，也應該使用它。

accessibilityLabel

accessible

capInsets

defaultSource

• uri -表示圖像資源標識符的字符串，應該是本地文件路徑或靜態圖像資源的名稱（應包含在 require('./path/to/image.png')函數中） ）。
• width, height - 如果在構建時已知，則可以指定，在這種情況下，這些將用於設置默認的<Image />組件尺寸。
• scale - 用於指示圖像的比例因子。如果未指定，則默認為1.0，這意味著一個圖像像素等於一個顯示點/ DIP。

• number - 由require（'。/ image.jpg'）返回的不透明類型。

onPartialLoad

onProgress

fadeDuration

Methods

getSize()

Image.getSize(uri, success, [failure]);

prefetch()

Image.prefetch(url);

abortPrefetch()

Image.abortPrefetch(requestId);

queryCache()

Image.queryCache(urls);

resolveAssetSource()

Image.resolveAssetSource(source);

ImageSource是一個像{uri：'<http location ||的對象 文件路徑>'}