2017-06-15 161 views
0

我想从JSON文件收集图像源,但每当我使用JSON对象源时,我得到一个模块错误。有没有解决方法?React-Native动态图像源?

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)} /> 
+0

检查我的答案在这里:https://stackoverflow.com/questions/44468500/image-react-native-not-working –

+0

@JigarShah感谢,但没有任何工作。我想我被困在这里。可能没有办法从json存储一堆图像源并相应地使用它们。 – drewvy22

+0

试试这个,https://stackoverflow.com/questions/36375532/react-native-rendering-multiple-images –

回答

0

动态要求,不支持unfortunalty。你需要预先要求你所有的图像,然后你可以从参考中动态调用它们。

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

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

这是一个无赖。我正在使用多个图像文件。我是否需要直接要求每一个?或者,如果我有一个图像文件夹,我可以只需预先要求该文件夹? – drewvy22

+0

即使我预先要求它,我不能使用它从JSON – drewvy22

+0

我不认为你可以预先要求这样的目录或图像,因为它都需要预先捆绑。您最好试着将它们托管在某个地方(如便宜的Google存储桶),并对图像源做出动态要求。 – Alias