React Native Image, Source vs Default Source答案

【问题标题】：React Native Image, Source vs Default SourceReact Native Image, Source vs Default Source
【发布时间】：2017-09-09 12:03:06
【问题描述】：

我是原生反应的新手。当我尝试显示图像时，加载图像时出现了一些故障：

<Image
    style={{width: 100, height: 35, resizeMode:'contain'}}
    source={require('./images/someImage.png')}
/>

然后有人建议我使用defaultSource 而不是source。故障消失了。那么defaultSource会做缓存吗？

在 facebook 文档上对 defaultSource 的描述让我很困惑。缓存 iamge 或显示图像的最佳方式是什么？

我认为最好的方法是将图像转换为字符串数据，这样应用就不再需要下载图像了。

【问题讨论】：

【解决方案1】：

defaultSource 似乎是 iOS 独有的属性。如果图片源是远程的，可以在defaultSource中指定本地图片。该图像将一直显示到远程图像加载完毕。

可以通过在源代码中指定缓存属性来完成缓存：

source={{ uri: '', cache: 'force-cache' }}

更多信息可以在 react-native repo 中的 ImageSourcePropType 中找到。

【讨论】：