如何在 axios fetch 中减小、压缩 <Image> 大小？ - 反应原生

Posted 2023-02-16

【中文标题】如何在 axios fetch 中减小、压缩 <Image> 大小？ - 反应原生

【英文标题】：How can I reduce, compress <Image> size in axios fetch? - React Native

【发布时间】：2021-12-31 12:41:15

【问题描述】：

我从 API 获取产品，但照片尺寸确实很大。我想压缩它们并减小它们的大小。我正在分享我的获取请求和 flatList。任何帮助将不胜感激！

【问题讨论】：

Why not upload images of code/errors when asking a question?

请尽量将相关代码sn-ps作为实际文本包含在问题中，方便访问用户自己理解和实现。

【参考方案1】：

您可以使用react-native-image-manipulator库的manipulateAsync函数。

你可以使用这个示例函数：

import * as ImageManipulator from 'react-native-image-manipulator';

export const compressImage = async (uri) => 
    const manipImage = await ImageManipulator.manipulateAsync(
        uri, [],  compress: 0.3 
    );
    return manipImage;

您可以使用压缩选项来压缩您的照片。