React Native 显示多张图片

【问题标题】：React Native show multiple imagesReact Native 显示多张图片
【发布时间】：2019-03-23 11:26:37
【问题描述】：

我有超过 100 张图片需要在我的应用中显示。有什么方法可以映射资产文件夹并获取要显示的图像名称？

【问题讨论】：

要遍历目录，您可能需要考虑react-native-fs，它为文件系统访问提供了 JS 级别的接口。您还可以使用与著名的 NodeJS fs 库相关的文档。

【解决方案1】：

您可以获取图像在数组中的所有地址，也可以将数组存储在某个常量中。然后你可以遍历地址：

render() {
 return (
  <div id="images">
   { myImagesAddresses.map((imageAddress, imageIndex) => <img key={imageIndex} src={imageAddress}> ) }
  </div>
 )
}

【讨论】：

(1) 你正在使用没有密钥的地图，that's bad
(2) 我很确定 OP 确实想知道他如何遍历 assets 文件夹，即如何从 React Native JS 层列出目录
您对关键属性的看法是正确的，我的意图是给出一个大概的答案，因为我不确定问题的确切性质，因为没有发布代码。