React Native 中的图片组件加载图片后会有缓存吗?
先把结论亮出来:React Native 中的图片组件默认会利用 NSURLRequest 的缓存机制对图片资源进行缓存。下面一探究竟。
图片控件在JSX中使用标签来表示,通过source属性来指定它展示的图片文件。到底图片怎么缓存呢,这个要看这个图片控件是怎么完成图片文件的加载的。
图片在ios原生中通过RCTImageViewManager暴露给js的,看这个类
可以看到,js中的source是会转换成RCTImageSource的,所以查看这个类:
我们看到,在js中的source是这样被转换成RCTImageSource对象的:
留意图中的request,这个就是加载图片所用到的请求,我们看这个请求是怎样从json中获得的,于是进入[self NSURLRequest:json]这句话查看:
我们可以看到,根据不同情况,可能从json的uri或者url字段中提取路径或者其他,总之生产了一个NSURLRequest对象,这个对象所使用的缓存策略是通过json中的cache字段指定的,如果没有指定,那就会使用默认值,因为这个策略是个枚举值,也是需要转换才能与json值对应起来,因此我们查找转换方法:
从这个方法中看出来,默认是使用缓存的,接下来,就需要确认下在js侧有没有另外使用cache字段指定了缓存策略。实际上,在image.ios.js等可以看到在js侧也没有指定,那么结论就是,默认情况下图片的请求对象所使用的缓存策略就是NSURLRequestUserProtocolCachePolicy。