如何在react本机映像组件中显示base64和uri

import React from 'react';
import { Image } from 'react-native';

class ImageComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      imageSource: null,
    };
  }

  componentDidMount() {
    this.fetchImage();
  }

  fetchImage() {
    // 获取图像的Base64或URI数据的逻辑
  }

  render() {
    const { imageSource } = this.state;

    return (
      <Image source={imageSource} />
    );
  }
}

fetchImage() {
  fetch('https://example.com/image.png')
    .then(response => response.blob())
    .then(blob => {
      const reader = new FileReader();
      reader.onloadend = () => {
        this.setState({
          imageSource: { uri: reader.result },
        });
      };
      reader.readAsDataURL(blob);
    })
    .catch(error => {
      console.error(error);
    });
}

import React from 'react';
import { View } from 'react-native';
import ImageComponent from './ImageComponent';

function App() {
  return (
    <View>
      <ImageComponent />
    </View>
  );
}

export default App;