单击onclass react-native后的随机图像

Question

我的代码不起作用，我的照片没有显示。 我尝试了不同的选择，但我不明白。 也许您知道这可能会造成什么问题？

const images= [
  image2 = './assets/images/geltonas_trikampis.png',
  image3 = './assets/images/zalias_trikampis.png',
  image4 = './assets/images/juodas_trikampis.png',
  image6 = './assets/images/raudonas_trikampis.png',
  ];

  changeImage = () => {
    console.log('Working');
    const randomNumber = Math.floor(Math.random() * images.length);
    this.setState({
      currenturiImageIndex: randomNumber,
    });
  }
  
  <TouchableOpacity onPress={()=> this.changeImage()}>
      <Image
    source={this.state.currenturiImageIndex}
    style={styles.logoStyle}
  /></TouchableOpacity>

我在控制台上得到了结果，但我没有显示照片，我不知道点击后还会出现什么。

非常感谢您的帮助。

Answer 1

您正在为源属性提供一个整数值。

请在下方更改

source={this.state.currenturiImageIndex}

到

source={images[this.state.currenturiImageIndex]}

希望。这行得通！

Answer 2

您绝对需要按照 Siddharth Mishra 在此处的建议进行操作，并将您的代码更改为 source={images[this.state.currentuirImageIndex]}。

如果这不是唯一的问题，您需要检查的另一件事是您为图像提供了height 和width。您可以将它们设置为props，也可以将它们设置在style 中，但如果您不给它们指定高度和宽度，那么它们将默认为0。