在 javascript 中使用 require 和 react native 时出错

Question

我正在尝试这样做：

<Image source={require(`../../imagens/cards${result.color}.png`)}/>

在该路径中，我有 5 个 png 文件：cardsgreen、cardyellow、cardspurple、...

result.color 给了我一个紫色的字符串，它不起作用，因为 require 不允许它，我想知道是否有其他方法可以做到这一点，我也尝试过：

source={{ uri: `../../imagens/cards${result.color}.png` }}

它也不起作用，在那种情况下图像没有打开

错误：开发服务器返回响应错误代码：500，调用要求只需要 1 个字符串文字参数

Answer 1

尝试使用：

  var images = {
                blue: require('../imageblue.png'),
                red: require('../imagered.png')
            }
<Image source={images[this.state.imgColor]} key={images[this.state.imgColor]} />

ImgColor 应该是你的 result.color。 不要忘记在图像上使用key，否则状态不会动态改变它的颜色。