从应用程序文件夹加载所有图像:react-native

时间:2018-11-25 08:43:32

标签: image react-native

如何从react-native目录中导入所有图像?图像名称在JSON文件中定义,所有图像与应用程序捆绑在一起。 根据规范,我知道FILE_PATH + imageName +“ .jpg”不起作用。 我正在寻找可加载100张以上图片的替代选项。

我想到的选项是为每个文件创建带有require(“ ../ resources / images / image-name.jpg”)的ExportImages.js文件,并根据需要使用它。我希望会有更好的选择来实施它。我看着“ react-native-fs”,但找不到从应用程序内定义的目录中读取的选项。

export const PoseImages = {
  ONE: require("../resources/images/one.jpg"),
  TWO: require("../resources/images/one.jpg")
};

代码:

renderPosesList() {
    const FILE_PATH = "../resources/images/";
    // posesDictionary is created from JSON file.
    return this.state.posesDictionary.map((pose, index) => {
      let imagePath = FILE_PATH + pose.details.ImageAudName + ".jpg";
      console.log(" imagePath > " + imagePath); 

      return (
        <Image
          key={index}
          source={require("../resources/images/one.jpg")} // this works
          style={{ height: 50, width: 50 }}
        />
      );
    });
  }

0 个答案:

没有答案