Question

我正在尝试生成随机卡片图像 - 取决于从this.generateRandomCard返回的字符串 - 但是我收到以下错误：

“需要未知模块”./ card_images/7S.png“。如果您确定该模块在那里，请尝试重新启动打包程序或运行”npm install“。

注意：使用require（'。/ card_images / 7S.png'）可以正常工作。

这是我的代码：

render: function() {
  var card = require('./card_images/' + this.generateRandomCard() + '.png');
  return (
    <View>
      <Text>{this.generateRandomCard()}</Text>
      <Image source={card}/>
    </View>
  );
}

感谢您的帮助！

Answer 1

你应该以另一种方式随机化它！例如：

//define a list of images in component constructor
this.rImages = [require('random/image1.png'),require('random/image2.png'), ... etc]

然后在渲染功能

//generate random integer between 0 and rImages.length
var randomInt = Math.floor(Math.random() * this.rImages.length)
var rImage = this.rImages[randomInt]
<Image source={rImage}/>

渲染随机卡片图像：“需要未知模块”

1 个答案: