如何从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 }}
/>
);
});
}