裁剪图像反应母语

Question

的Hello World，

我试图裁剪图像喜欢上了React-native Doc

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

解释，但它不工作的图像不会被裁剪。

有什么想法？

Answer 1

从文档：

在基础设施方面，其原因是，它允许我们将元数据附加到该对象。例如，如果您使用的是require（'./ my-icon.png'），那么我们添加有关其实际位置和大小的信息（不要依赖这个事实，它可能会在将来改变！）。这也是未来的证明，例如我们可能想在某些时候支持精灵，而不是输出{uri：...}，我们可以输出{uri：...，crop：{left：10，top：50，宽度：20，高度：40}}，并透明地支持所有现有的呼叫站点。

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

1. ImageEditor： 阵营原有成分，再从文档：

作物由URI PARAM指定的图像。如果URI指向远程的 图像，它将自动下载。如果图像不能被加载/下载，则调用失败回调。

1. Cropping不需要链接。
2. Image Crop Picker另一个包提供裁剪，但采用不同的方式：采摘。需要链接，但幸好它还支持> 0.40的RN版本。

我还没有使用过它们中的任何一个，但是如果我是你，我会先尝试使用Image Editor，因为除了导入之外不需要任何其他安装。