image - 如何使用 flatlist 显示本地图像?
问题描述
我想制作一个包含 200 张图像的离线应用程序。我想使用 flatlist 渲染这些图像。我应该将这些图像存储在我的项目文件夹中并创建一个包含这些图像源的 json 文件吗?或者最好的方法是什么
解决方案
如果你正在处理大量的图片,那么你的 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);
推荐阅读
- wordpress - 使用我的插件从前端提交表单数据以存储在 wordpress 数据库中时出错
- java - 如何从控件中获取价值
- node.js - this.data.getUsers(...).subscribe 不是函数
- python - 如何在不使用边界框的情况下标记图像?
- sql - 创建“子记录”类型保留列名称的最优雅方法
- c# - 变量递减中的 Unity C# 错误
- javascript - 单击通过
- python - 为什么该函数为 None 对象返回 False
- graph - 函数“isSpanningTree()”应该是什么样子的?
- r - 如何从具有 R 中多个表的网站中提取特定表?