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

vktxenjb 于 2023-02-13 发布在 React

关注(0)|答案(1)|浏览(103)

我正在努力做到这一点：

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

在该路径中，我有5个png文件：绿色的，黄色的，绿色的...
result.color给了我一个紫色的字符串，但是它不起作用，因为require不允许这样做。我想知道是否有其他的方法可以做到这一点，我也尝试过：

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

也不管用，图像就是打不开
错误：开发服务器返回响应错误代码：500，调用要求正好有1个字符串文本参数

react-native

来源：https://stackoverflow.com/questions/49943067/error-using-require-with-react-native-in-javascript

1条答案

按热度按时间

ffscu2ro1#

尝试用途：

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

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

赞(0）回复(0）举报 2023-02-13

我来回答

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

1条答案

相关问题

热门标签

最新问答