单击时更改图像，再次在React Native中单击时更改为前一个图像

import React, { Component } from 'react';
import { TouchableOpacity, Image } from 'react-native';

const images = [
  require('./image1.png'),
  require('./image2.png'),
  require('./image3.png'),
];

class ImageChange extends Component {
  constructor(props) {
    super(props);
    this.state = {
      imageIndex: 0,
    };
  }

  handleImageChange = () => {
    this.setState(prevState => ({
      imageIndex: (prevState.imageIndex + 1) % images.length,
    }));
  }

  render() {
    const { imageIndex } = this.state;
    const imageSource = images[imageIndex];

    return (
      <TouchableOpacity onPress={this.handleImageChange}>
        <Image source={imageSource} />
      </TouchableOpacity>
    );
  }
}

export default ImageChange;