如何在正方形中显示图像的特定部分

Question

我在反应本机中的图像组件有问题。我想在某个正方形中显示图像的特定部分。铁：

假设我的图像分辨率为：1280x720

private someImage = require('../Assets/someImage.jpg');

我想以方形组件显示此图像（大小恒定）

<View style={{width: 64, height: 64}}>
   <Image source={this.someImage}
          style={{position: 'absolute', top: 0, left: 0 }} />
</View>

第一个问题来了：图像超出了正方形。如何仅显示图像的一部分（但具有原始分辨率）。

第二个问题是：有没有办法显示我的图像的特定片段？如果我设置顶部：-64，左侧：-64，那就是男人，我希望看到原始图像对角线移动约 64 像素。

Answer 1

杰罗斯瓦夫。这可能对你有帮助。

const someImage = require('../Assets/someImage.jpg');

class ImageClip extends Components {
  ...
    render() {
        return (
          ...
            <View style={{ width: 64, height: 64, overflow: 'hidden' }}> // width and height of image you want display.
                <Image
                    source={someImage}
                    style={{
                        top: 24,
                        left: 32,
                    }} //position of image you want display.
                />
            </View>
          ...
        );
    }
}