如何在react native中显示来自我的sql数据库的项目图片的url？

x33g5p2x 于 2023-01-31 发布在 React

关注(0)|答案(2)|浏览(111)

我试图显示一个商店的图片在一个单一的商店页面上点击后说商店在商店列表页面.一旦我点击它需要的数据（从phpmyadmin）的那家商店只和显示细节.名称，地址，电话号码，等等所有的工作，但图片.
我创建了一个列图像，我的股票的网址，导致图片位于我的资产文件夹的React文件夹。
但是我试着用url来看看图像应答器是否能工作...结果成功了：

<View><Image style={{resizeMode : 'cover'}} source= {require('../../../assets/picture1.jepg')} /></View>

所以我尝试了一个名为pharmaimages的对象（它基本上就是我在数据库中存储的url本身，包含了''），但它说无效。我也尝试了proprietyuri，但它更不清楚。

<View><Image style={{resizeMode : 'cover'}} source= {require(pharmaimages)} /></View>

在我看来，这完全有道理，但就是行不通

react-native

来源：https://stackoverflow.com/questions/75262955/how-to-display-the-url-of-a-picture-of-an-item-from-my-sql-database-in-react-nat

2条答案

按热度按时间

yrwegjxp1#

尝试在数据库中将其存储为require('../../../assets/image.jpeg')。获取数据，然后在应用中Map或执行任何操作后，使用以下代码显示数据：

<View>
   <Image style={{resizeMode : 'cover'}} source={image} />
</View>

赞(0）回复(0）举报 2023-01-31

ou6hu8tu2#

这是一个常见的问题，大多数开发人员都会遇到。
其他的答案也可能是正确的，但是更准确地说我在这个问题上加上我的评论。
实际上，require语句永远不会计算我们作为参数传递的值，它将直接查找我们提供给它的路径，而且它的工作方式与我们导入其他库或组件的方式相同。
因此，如果我们在运行时随require提供动态值，我们可能无法看到预期的行为。
在这里，我也附上一些重要的链接，可能会帮助你清楚地了解。

- 链接：**

React本地官方映像文档
Same issue related thread on Stackoverflow

- 变通办法**

要解决这种情况，您可以直接使用require函数将文件路径存储在数据存储中。
例如

- 而不是像'../../../abc/def.png'**那样存储路径
- 将值存储为所需（"../../../abc/def.png'）**

赞(0）回复(0）举报 2023-01-31

我来回答

如何在react native中显示来自我的sql数据库的项目图片的url？

2条答案

相关问题

热门标签

最新问答