Javascript 如何使用react native动态显示图像

我想用react native构建一个相册应用程序，其主要思想是使用

节列表

，并以如下方式显示数组中的数据：

类CustomImage扩展组件{
render（）{
返回(
{this.props.name}
);
}
}
导出默认类DisplayAnImage扩展组件{
render（）{
返回(
}
renderSectionHeader={（{section}）=>{section.title}
/>
);
}
}

上面的代码是缩进的，以使其在

我已经将gifs文件夹放在了项目文件夹下，如果我在

Image

组件中使用静态字符串作为

source={require（url）}

，事情会成功的，但是当

url

来自数组项迭代时，它就不会成功

如何使用react native实现此功能

编辑 我不知道是否可以进行编辑以使其更具体，我真正想做的是使用生成的数组，如下所示：

函数编号排列（开始、结束）{
返回新数组（end-start）.fill（）.map（（d，i）=>{
var url=“./gifs/”+（i+start）+“.gif”；
返回要求（url）
});
}
导出默认类DisplayAnImage扩展组件{
render（）{
返回(
}
renderSectionHeader={（{section}）=>{section.title}
/>
);
}
}

---

不知道是否有方法使用此数组生成器生成数组，或者我必须徒手一个接一个地输入路径：-（

需要

是一个具有预加载性质的javascript关键字

而且，图像在运行时将不与路径相关——提供一个到它的路径将不会得到任何东西。它将成为捆绑资源，因此使用

控制台.log

您只能看到与捆绑相关的资源令牌ex:

\u 1

\u 2

即使将

require（“./gifs/1.gif”）

更改为

require（“./gifs/”+“1.gif”）

，它也不会工作

试试这个：

data:[require（“./gifs/2.gif”）、require（“./gifs/3.gif”）、require（“./gifs/4.gif”）]

嗨，瓦尔，谢谢，它可以工作了，已经接受了，不知道这样问是否正确，实际上数据数组是由生成器生成的，有没有办法解决这个问题？检查编辑，谢谢。@armnotstrong刚刚用image->bundle resources关系修改了我的答案。因为文件路径在运行时没有意义，所以在尝试之后很多方法都没有成功，我认为这是不可能的。。。