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

【问题标题】：How can I reduce, compress <Image> size in axios fetch? - React Native如何在 axios fetch 中减小、压缩 <Image> 大小？ - 反应原生
【发布时间】：2021-12-31 12:41:15
【问题描述】：

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

【问题讨论】：

Why not upload images of code/errors when asking a question?
请尽量将相关代码sn-ps作为实际文本包含在问题中，方便访问用户自己理解和实现。

标签： react-native api axios

【解决方案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;
}

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

【讨论】：