React-Native 动态图像源？

【问题标题】：React-Native Dynamic Image Source?React-Native 动态图像源？
【发布时间】：2017-06-15 15:14:40
【问题描述】：

我正在尝试从 JSON 文件收集图像源，但每当我使用 JSON 对象源时，我都会收到模块错误。有什么解决方法吗？

JSON 文件：

 {
   "Image": {"source": "./SourceFolder/ImageFile.png"}
 }

JS 文件

 const file = require('./jason.json');
 var jason = JSON.stringify(file.Image);
 jason = JSON.parse(jason);

 <Image source={require(jason.source)} />

【问题讨论】：

在这里查看我的答案：stackoverflow.com/questions/44468500/…
@JigarShah 谢谢，但这也没有用。我想我被困在这里了。可能没有办法从 json 存储一堆图像源并相应地使用它们。
试试这样，stackoverflow.com/questions/36375532/…

标签： javascript json react-native

【解决方案1】：

不幸的是，不支持动态要求。您需要预先要求所有图像，然后才能从引用中动态调用它们。

const images = {
  image1: require('some_file.png'),
}

<Image source={images["image1"]} />

【讨论】：

那真是太糟糕了。我正在使用多个图像文件。我需要直接要求每一个吗？或者，如果我有一个图片文件夹，我是否可以预先要求该文件夹？
即使我预先要求它，我也不能从 JSON 中使用它
我不认为您可以预先要求这样的目录或图像，因为它们都需要预先捆绑。您最好尝试将它们托管在某个地方（例如便宜的 Google 存储桶），并对图像源进行动态要求。
谢谢，我刚刚将数据保存在数组中的本地 js 文件中。可能是一个糟糕的想法，但如果我将该应用程序投放市场，我会尝试你的想法。谢谢