如何从 json 文件中导入数据图像答案

【问题标题】：How to import data images from json file如何从 json 文件中导入数据图像
【发布时间】：2020-12-21 09:54:25
【问题描述】：

我正在使用 expo react-native。我想将所有图像存储在一个文件中，并在需要时从那里将其导入到我的组件中，我只是不知道如何编写它。

现在我用笨拙又复杂不可读的方式是这样的：

保存所有图片的常量文件“Images”：

     export const t1 = require("../assets/images/t1.jpg");
     export const t2 = require("../assets/images/t2.jpg");
     export const t3 = require("../assets/images/t3.jpg");
     export const t4 = require("../assets/images/t4.jpg");
     export const s1 = require("../assets/images/s1.jpg");
     export const s2 = require("../assets/images/s2.jpg");
     export const s3 = require("../assets/images/s3.jpg");
     export const s4 = require("../assets/images/s4.jpg");
     export const r1 = require("../assets/images/r1.jpg");

并且从我需要图像的每个组件中导入它：

   import { t1, t2, t3, t4 } from "./Images";
    ...
    <Image source={t1} ..........

效果很好，但我想知道如何将常量图像保存在 json 文件中，我知道这是保存图像的更有效方式

非常感谢

【问题讨论】：

见我的answer。
:/ 对我没有帮助..
出了什么问题？我可以帮你吗？
这不是我要求的。我只需要用我的所有图像声明常量 json 文件

标签： javascript json image react-native expo

【解决方案1】：

我认为你想要一个像这样保存所有 img 的变量

  const t1 = require("../assets/images/t1.jpg");
  const t2 = require("../assets/images/t2.jpg");
  const t3 = require("../assets/images/t3.jpg");
  const t4 = require("../assets/images/t4.jpg");
  const s1 = require("../assets/images/s1.jpg");
  const s2 = require("../assets/images/s2.jpg");
  const s3 = require("../assets/images/s3.jpg");
  const s4 = require("../assets/images/s4.jpg");
  const r1 = require("../assets/images/r1.jpg");

  export = {t1, t2, t3, t4, s1,s2,s3,s4,r1};

所以你可以像这样导入它

import img from "./Images";

<Image source={img.t1} ..........

这就是你想要的朋友吗？

【讨论】：

【解决方案2】：

尝试像这样导入图片

import t1 from '../assets/images/t1.jpg'
import t2 from '../assets/images/t2.jpg'

【讨论】：