React-Native動態圖像源？

Question

我正在嘗試從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)} />

Answer 1

不支持動態需求。 您需要先獲取所有圖像，然后才能從引用中動態調用它們。

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

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