React-Native ImageEditor.cropImage 不显示图片

Posted 2023-02-25

【中文标题】React-Native ImageEditor.cropImage 不显示图片

【英文标题】：React-Native ImageEditor.cropImage shows no picture

【发布时间】：2018-12-04 22:11:15

【问题描述】：

几个小时以来，我一直在尝试将图片分成几个部分。 我认为它适用于ImageEditor.cropImage。显然我使用错误的功能，或者它没有做我期望它做的事情。 有人可以告诉我我做错了什么，或者推荐一个我可以使用的包。谢谢。

我的尝试：

  const cropData = 
                     offset: x: 25, y: 25,
                     size: width: 250, height: 250,
                     displaySize: width: 250, height: 250,
                     resizeMode: 'contain',
                   ;

稍后..

ImageEditor.cropImage(require('../resources/images/pictures/categoryOne/c1b1.jpg'),
cropData);

【问题讨论】：

你能解释一下你到底想要做什么吗？您是否需要通过图像选择器或其他方式裁剪图像，那么我绝对可以帮助您。

我想把一张图片切成两半，只显示一半。例如，我有这张图片：link 但我只想显示以下内容：link

【参考方案1】：

我不是用 ImageEditor.cropImage 而是用 CSS 解决了我的问题

<View style=styles.topLeftView>
  <Image
    style=styles.topLeftImage
    source=require('../resources/images/pictures/categoryOne/c1b1.jpg')
    resizeMode="contain"
  />
</View>

风格

topLeftView: 
  width: 100,
  height: 100,
  overflow: 'hidden',
,
topLeftImage: 
  right: 0,
  bottom: 0,
,