如何在不先加载所有资产图像的情况下要求具有可变图像的图像?

时间:2019-05-23 04:56:03

标签: javascript reactjs react-native webpack

我是本机反应的新手。因此,在我的应用程序中,用户可以上传带有图像的项目。图像在本地存储在设备本地存储中,项目数据使用SQLite在本地存储。

问题是当对图像使用变量使用require时:     require(card.image)会产生错误,并且必须是像require('../assets/images/card.jpg')这样的硬编码字符串。

我尝试寻找解决方案,他们说您必须在第一次加载本地资产,例如:

const images= {
  "productOne": require("../assets/images/product1.jpg"),
  "productTwo": require("../assets/images/product2.jpg"),
}

//And load it like:
<Image source={images[product.name]} style={this.state.size} />

但是,对于我而言,这不能解决我的问题,因为本地图像是动态的(添加图像的用户),因此我无法对本地资产图像进行硬编码。有什么解决方案可以从本地存储中加载图像而无需动态要求吗?

0 个答案:

没有答案