更新由于问题复杂且不清楚，我正在重写我的问题以使其更简单。

给定的

• 图像（整个图像的图像 uri；示例中的 600x600 图像）
• 左（x 坐标；示例中的 50）
• 顶部（y 坐标；示例中的 100）
• 宽度（图像的宽度；示例中为 300）
• 高度（图像的高度；示例中为 300）

我想要的是

• 300 x 300 图像（裁剪为图像）
• 70 x 70 图像（我最终将图像调整为 70 x 70 大小）

这是我的示例代码

// render the part of the image
console.log(left); // 50
console.log(thumbSize); // 300
return (
        <Image
          source={{uri: image}}
          style={selectedStyle(left, top, thumbSize)}/>
      );
... 
function selectedStyle(left, top, thumbSize) {
  return {
    left,
    top,
    width: thumbSize,
    height: thumbSize
  };
}

从 zvona 的工作演示更新，我想要的是这个。

但没有别的。