在React Native中具有变量的图像源

Question

我有一个API，可以让我获得一个像这样的图像名称

var iconApi = value.icoapi

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

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

但是我需要更改最后一部分“ ico.png”，将其更改为我的变量，诸如此类

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

但是会给我返回错误，

谢谢

Answer 1

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

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

Answer 2

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

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

这是利用ES6模板文字。更多详细信息here。