在 javascript 中将 require 与 react native 结合使用时出错

Question

我正在尝试这样做：

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

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

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

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

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

错误：开发服务器返回响应错误代码：500，调用 require expect exactly 1 string literal argument

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。不要忘记在图像上使用键，否则状态不会动态改变它的颜色。

在 javascript 中将 require 与 react native 结合使用时出错

Error using require with react native in javascript

javascript

image

require

react-native