裁剪圖像反應母語

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，因爲除了導入之外不需要任何其他安裝。