如何在react native中使用Image？

import { Image } from 'react-native';

render() {
  return (
    <Image
      source={require('./path/to/local/image.png')} // 本地图片路径
      // 或者
      // source={{uri: 'https://example.com/path/to/image.png'}} // 网络图片URL
      style={{ width: 200, height: 200 }} // 图片的宽度和高度
    />
  );
}

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

class App extends Component {
  render() {
    return (
      <View>
        <Image
          source={require('./path/to/local/image.png')}
          style={{ width: 200, height: 200 }}
          resizeMode="cover"
          onLoad={() => console.log('Image loaded')}
          onError={() => console.log('Image load failed')}
        />
      </View>
    );
  }
}

export default App;