如何使用flatlist显示本地图片？

Question

我想制作一个 200 左右的离线应用程序 images.I 想使用 flatlist 渲染这些图像..我是否应该将这些图像存储在我的项目文件夹中并创建一个 json 源文件到那些形象？或者最好的方法是什么

Answer 1

如果您要处理大量图片，那么您的 images.js 文件将变得难以维护，在这种情况下，您可以尝试使用像 https://github.com/dushaobindoudou/babel-plugin-require-all 这样的插件，然后编写一个小的将创建图像字典的脚本，例如：

// prepareImages.js
const fs = require("fs");
const files = fs.readdirSync("./assets/images").filter(x => x.includes("png"));
const ex = "{\n" +
files.map(x => `"${x.split(".png")[0]}": require("./${x}"),`).join("\n") + "}";
const res = "export default " + ex;
fs.writeFileSync("./assets/images/index.js", res);