React-Native动态图像源?

时间:2017-06-15 15:14:41

标签: javascript json react-native

我正在尝试从JSON文件中收集图像源,但每当我使用JSON对象源时,我都会收到模块错误。有没有解决方法呢?

JSON文件:

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

JS FILE

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

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

1 个答案:

答案 0 :(得分:1)

不支持动态需求不幸。您需要预先要求所有图像,然后才能从参考中动态调用它们。

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

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