javascript - 在 React Native 中裁剪图像

标签 javascript reactjs react-native ecmascript-6 react-native-image

我通过 require 引用图像,并且我想从 Sprite 图像中裁剪图标。

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}} 时如何在react-native中裁剪图像 in here 。如何使用 require 做到这一点?.

最佳答案

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

所以最好的方法是管理它

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

您也可以关注my post here.

如果您成功,请告诉我们

关于javascript - 在 React Native 中裁剪图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42242198/

相关文章:

react-native - 无法使用 createMaterialBottomTab 和 React Native 查看非事件选项卡的文本

reactjs - 如何从 React Native 中的自定义日期和时间 "from now"获取周/天/小时/分钟前?

javascript - 从 JavaScript 在 div 中写入文本?

javascript - Not 运算符无法处理我的 javascript 代码

reactjs - "No Apollo Client instance can be found"

javascript - 如何根据 bool 值自动移动 JSON 数据

react-native - 如何在多个页面上显示 React Redux 的响应?

javascript - 如何确保可点击对象不会传播到错误的元素?

javascript - 从网站上的电子邮件显示 HTML

javascript - 如何在单击交叉选项时从应用的过滤器中删除元素? - Reactjs/JavaScript