使用react-native裁剪图像

你好，世界

我试图在屏幕上截取一个像explain这样的图像

但这不起作用，图像没有被裁剪

有什么想法吗？

来自文档：

在基础设施方面，原因是它允许我们将元数据附加到此对象。例如，如果您使用require（'./my icon.png'），那么我们将添加有关其实际位置和大小的信息（不要依赖于这个事实，它将来可能会更改！）。这也是未来的证明，例如，我们可能希望在某个时候支持sprite，而不是输出{uri:…}，我们可以输出{uri:…，裁剪：{left:10，top:50，width:20，height:40}}，并在所有现有的调用站点上透明地支持spriting

React Native Image当前不支持图像裁剪，至少不支持您指出的方式，但是您仍然有其他选项可以完成相同的工作

: React本机组件，同样来自文档：

裁剪URI参数指定的图像。如果URI指向远程 图像，它将自动下载。如果图像无法显示 加载/下载时，将调用失败回调

不需要链接

另一个提供裁剪的软件包，但方式不同：采摘。需要链接，但谢天谢地，它还支持RN版本>0.40

---

我没有使用过任何一个选项，但如果我是你，我会首先尝试图像编辑器，因为除了导入之外，你不需要任何其他安装。

我已经尝试了这三个选项，我的图片总是没有裁剪。我在StackOverflow上跟踪了这个

<Image source={{uri: this.props.image, crop: {left: 50, top: 50, width: 100, height: 100}}} style={{height: 100, width: 100}}/>