在本机反应中裁剪图像

Posted 2023-02-25

【中文标题】在本机反应中裁剪图像

【英文标题】：Crop a image in react native

【发布时间】：2017-02-15 06:33:23

【问题描述】：

我通过require 引用图像，我想从精灵图像中裁剪图标。

const sprite = require('./sprite.png')
const crop = left: 10, top: 50, width: 20, height: 40

export const cartLogo = sprite(crop)
// How do I apply the crop to the sprite?

then

<Image source=cartLogo/>

我看到了在使用 uri: 'url-to-image', crop: left: 10, top: 50, width: 20, height: 40 in here 时如何在 react-native 中裁剪图像。 require怎么办？

【参考方案1】：

我知道 require('./sprite.png') 很快就会被贬值。

所以最好的管理方式是

image : uri: ..., crop: left: 10, top: 50, width: 20, height: 40

你也可以关注my post here.

如果您成功了，请告诉我们

【讨论】：

require('./sprite.png') 曾经被弃用吗？我不确定如何使用您的答案。这是<Image /> 的属性吗？我已阅读您的帖子，其中引用了文档，但没有提供任何使用示例（static 的使用让我感到困惑）。