美文网首页
React Native Image Cache(图片缓存库模块

React Native Image Cache(图片缓存库模块

作者: 取个名字那么难 | 来源:发表于2018-05-07 18:03 被阅读721次

    项目库地址:https://github.com/wcandillon/react-native-img-cache

    安装依赖方法:

    npm install react-native-img-cache --save

    react-native-fetch-blob

    (二).基本使用

    2.1.CachedImage

    CachedImage组件用于显示图片,该主要用于固定的图片地址,下载的图片主要存储在应用缓存中,显示的时候也是从应用缓存中读取。

    其实mutable的属性是代表图片的地址会随着时间的改变发生变化,地址不固定。那么该缓存的生命周期应用的运行时期并且该可以通过ImageCache模块进行手动管理。

    2.2.ImageCache

    bust(uri)

    ImageCache可以从本地缓存库中获取图片。

    该方法可以用于取消正在下载图片的任务,该方法在图片滚动的时候特别有用。

    ImageCache可以注册观察者到缓存模块中

    这边我们采用观察者模式而不是使用一个Promise回调的原因是,一个可变地址的图片在缓存中可能会有多种不同版本的URL路径。

    dispose(uri,observer)

    观察者可以通过dispose方法进行反注册

    相关文章

      网友评论

          本文标题:React Native Image Cache(图片缓存库模块

          本文链接:https://www.haomeiwen.com/subject/hfmvrftx.html