如何通过更改React-Native中的状态从一个镜像转换到另一个镜像

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

class ImageSwitcher extends Component {
  constructor(props) {
    super(props);
    this.state = {
      currentImage: require('./path/to/image1.png'), // 初始镜像路径
    };
  }

  switchImage = () => {
    // 切换镜像的状态
    const newImage = this.state.currentImage === require('./path/to/image1.png') ?
      require('./path/to/image2.png') : require('./path/to/image1.png');
    this.setState({ currentImage: newImage });
  }

  render() {
    return (
      <View>
        <Image source={this.state.currentImage} style={{ width: 200, height: 200 }} />
        <TouchableOpacity onPress={this.switchImage}>
          <Text>切换镜像</Text>
        </TouchableOpacity>
      </View>
    );
  }
}

export default ImageSwitcher;