我不知道如何以编程方式在 React-Native 中添加图像。我有一个/img
充满图像的目录和一个 json 文件,data.json
其中充满了具有相应和图像文件路径的数据条目:
[
{
"id": "1",
"img": "img1.png"
},
{
"id": "2",
"img": "img2.png"
}
]
我已经用 加载data.json
到一个变量中var data = require('data.json')
,我可以通过 正常访问图像路径data[0].img
。此外,我可以创建Image
通过<Image source={{uri = "./img/img1.png"}} style={styles.img}/>
.
但是,当我尝试将两者与 结合使用时<Image source={{uri = "./img/" + data[0].img}} style={styles.img}/>
,出现此错误:需要未知模块“./img/img1.png”。如果您确定该模块在那里,请尝试重新启动打包程序。
我已经多次重启了我的模拟器,在这里搜索了几个小时的文档,以找出我做错了什么。任何帮助将不胜感激。