反应本机中具有变量的图像源答案

【问题标题】：Image source with variable in react native反应本机中具有变量的图像源
【发布时间】：2025-12-09 20:35:01
【问题描述】：

我有一个 api 可以让我得到一个图像名称，像这样

var iconApi = value.icoapi

这个value.icoapi 是一个动态的名字，因为我是从一个 api 获得的，我试图写一个像这样的图像代码

<Thumbnail source={require('../assets/imgs/ico.png')} />

但我需要更改最后一部分“ico.png”，为我的变量更改它，像这样

<Thumbnail source={require('../assets/imgs/+ iconApi')} />

但返回错误，

谢谢

【问题讨论】：

【解决方案1】：

您需要将URI 作为源传递。如果value.icoapi 是http 或更好的hptts 链接，它将起作用。请让我知道它是否有效，并且投票会很好。

<Thumbnail source={{uri: value.icoapi}} />

【讨论】：

【解决方案2】：

您尝试将文件名设置为 + iconApi，您应该使用：

<Thumbnail source={require(`../assets/imgs/${iconApi}`)} />

这是利用 ES6 模板文字。更多详情here.

【讨论】：