如何在React Native中优化图像

学习者

通过相机拍摄的照片太大,无法在React native中有效地上传和下载。

是否有API或库在React Native中压缩PNG图像文件?

学习者

https://github.com/bamlab/react-native-image-resizer提供了用于调整本地图像大小的API。

它允许您指定:

  • 最大尺寸(保持纵横比最大)和;
  • 输出质量(仅适用于JPEG)

原料药

import ImageResizer from 'react-native-image-resizer';

ImageResizer.createResizedImage(imageUri, newWidth, newHeight, compressFormat, quality).then((resizedImageUri) => {
  // resizeImageUri is the URI of the new image that can now be displayed, uploaded...
}).catch((err) => {
  // Oops, something went wrong. Check that the filename is correct and
  // inspect err to get more details.
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在React Native中优化图像

来自分类Dev

如何在 React Native 中缩放图像?

来自分类Dev

如何在Chrome中优化图像序列?

来自分类Dev

如何在React Native中处理图像序列

来自分类Dev

如何在React native中动态设置图像的来源?

来自分类Dev

如何在React Native中重复图案图像以创建背景?

来自分类Dev

如何在React Native中自动缩放图像?

来自分类Dev

如何在React Native中为图像添加标题

来自分类Dev

如何在 React Native 中显示渐变 SVG 图像

来自分类Dev

如何在 React Native 中引用启动图像

来自分类Dev

如何在 React Native 中显示 https 图像?

来自分类Dev

如何优化循环图像中的条件语句?

来自分类Dev

如何在React中禁用图像

来自分类常见问题

如何在React Native中禁用旋转?

来自分类Dev

如何在React Native中渲染对象?

来自分类Dev

如何在React Native中显示图标?

来自分类Dev

如何在React Native中删除警告

来自分类Dev

如何在React Native中传递对象?

来自分类Dev

如何在React Native中刷新屏幕

来自分类Dev

当要求更多而不是 invitable_friends 数据时,如何在 react native (react-native-fbsdk) 中要求更大的图像?

来自分类Dev

如何在React Native中安装React Native Maps?

来自分类Dev

React Native中的全屏图像

来自分类Dev

React-Native / Realm:如何在数据库中存储图像?

来自分类Dev

如何在React Native中添加本地图像?尝试时出现错误

来自分类Dev

如何在react-native中按下textinput时隐藏图像

来自分类Dev

如何在react-native中按下textinput时隐藏图像

来自分类Dev

如何在React Native(Expo)中做动态图像源?

来自分类Dev

如何在React-Native中设置Navigator的背景图像

来自分类Dev

React Native-如何在onPress中更改视图的样式和图像

Related 相关文章

  1. 1

    如何在React Native中优化图像

  2. 2

    如何在 React Native 中缩放图像?

  3. 3

    如何在Chrome中优化图像序列?

  4. 4

    如何在React Native中处理图像序列

  5. 5

    如何在React native中动态设置图像的来源?

  6. 6

    如何在React Native中重复图案图像以创建背景?

  7. 7

    如何在React Native中自动缩放图像?

  8. 8

    如何在React Native中为图像添加标题

  9. 9

    如何在 React Native 中显示渐变 SVG 图像

  10. 10

    如何在 React Native 中引用启动图像

  11. 11

    如何在 React Native 中显示 https 图像?

  12. 12

    如何优化循环图像中的条件语句?

  13. 13

    如何在React中禁用图像

  14. 14

    如何在React Native中禁用旋转?

  15. 15

    如何在React Native中渲染对象?

  16. 16

    如何在React Native中显示图标?

  17. 17

    如何在React Native中删除警告

  18. 18

    如何在React Native中传递对象?

  19. 19

    如何在React Native中刷新屏幕

  20. 20

    当要求更多而不是 invitable_friends 数据时,如何在 react native (react-native-fbsdk) 中要求更大的图像?

  21. 21

    如何在React Native中安装React Native Maps?

  22. 22

    React Native中的全屏图像

  23. 23

    React-Native / Realm:如何在数据库中存储图像?

  24. 24

    如何在React Native中添加本地图像?尝试时出现错误

  25. 25

    如何在react-native中按下textinput时隐藏图像

  26. 26

    如何在react-native中按下textinput时隐藏图像

  27. 27

    如何在React Native(Expo)中做动态图像源?

  28. 28

    如何在React-Native中设置Navigator的背景图像

  29. 29

    React Native-如何在onPress中更改视图的样式和图像

热门标签

归档