用 js 如何读取本地图片并且可以移动

在React Native中，要加载并显示本地图片，你可以使用`Image`组件，它内置了对本地图片的支持。下面是一个基本示例：

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

// 假设你有一个名为'thumbnail.jpg'的本地图片路径
const localImagePath = require('./thumbnail.jpg'); // 使用require.ensure或直接导入

class DisplayLocalImage extends React.Component {
  render() {
    return (
      <TouchableOpacity onPress={() => this.props.onPress()}>
        <Image
          source={localImagePath}
          style={{ width: 200, height: 200 }}
          resizeMode="cover" // 可选，指定图片缩放模式
        />
      </TouchableOpacity>
    );
  }
}

export default DisplayLocalImage;

在这个例子中，`Image`组件接受一个`source`属性，其值应是一个包含图片资源信息的对象，如上面的`localImagePath`。当`onPress`事件触发时（通常通过外部组件传递），图片会被显示。