javascript - 是否可以在没有构造函数的情况下更改图像？反应式

Question

我希望我的图片在我的函数中没有构造函数的情况下单击 onpress 后更改为另一张图片。

我的图像代码：

<Image
        source={require("./assets/images/imgas.png")}
        resizeMode="contain"
        style={styles.ss}
      ></Image>

当我单击另一个图像时，如何打开它？因为我使用的是函数，所以我不能使用构造函数。

有什么想法吗？

标签： javascriptreact-native

Answer 1

export default class Image extends Component {
  constructor(props) {
    this.state = {
     uri: '',
     }
  }

  handleButtonPress = () => {
    this.setState({
      uri: './assets/images/imgas.png',
    });
  }

  render() {
    return (
      ...
      <Button
        onPress={this.handleButtonPress}
        ...
      />
      ...
    );
  }
}