項目庫地址:https://github.com/wcandillon/react-native-img-cache
安裝依賴方法:
npm install react-native-img-cache --save
react-native-fetch-blob
(二).基本使用
2.1.CachedImage
CachedImage組件用于顯示圖片,該主要用于固定的圖片地址应役,下載的圖片主要存儲在應(yīng)用緩存中凡纳,顯示的時候也是從應(yīng)用緩存中讀取。
其實mutable的屬性是代表圖片的地址會隨著時間的改變發(fā)生變化栏饮,地址不固定吊说。那么該緩存的生命周期應(yīng)用的運行時期并且該可以通過ImageCache模塊進行手動管理论咏。
2.2.ImageCache
bust(uri)
ImageCache可以從本地緩存庫中獲取圖片优炬。
該方法可以用于取消正在下載圖片的任務(wù),該方法在圖片滾動的時候特別有用。
ImageCache可以注冊觀察者到緩存模塊中
這邊我們采用觀察者模式而不是使用一個Promise回調(diào)的原因是厅贪,一個可變地址的圖片在緩存中可能會有多種不同版本的URL路徑蠢护。
dispose(uri,observer)
觀察者可以通過dispose方法進行反注冊