如何在 React Native 中优化图像并在最新的 iPhone 型号上查看

Question

通过相机拍摄的照片太大，无法在 React 本机中高效上传和下载。此外，我在X，XS，XSMax和XR等最新iPhone型号中显示图像时也遇到了问题

。

我正在使用 npm 包反应本机图像选择器。虽然效果很好，但我无法调整图像大小，这是我主要关心的问题！！

预期的结果：我应该能够调整图像大小并将其上传到服务器以及在所有手机中查看它。

实际结果：我无法调整图像大小，也无法在iPhone X和其他最新iPhone型号上查看图像。

Answer 1

您可以使用曝光图像操纵器来压缩图像。

如果您使用 expo，它是预装的，您可以直接导入它：

import { ImageManipulator } from 'expo';
const manipResult = await ImageManipulator.manipulateAsync(
    image,
    [],
    { compress: 0.5 }
);

否则，您必须将其作为独立软件包安装并像这样使用它：

import * as ImageManipulator from 'expo-image-manipulator';
const manipResult = await ImageManipulator.manipulateAsync(
    image,
    [],
    { compress: 0.5 }
);

压缩的值必须在 0.0 - 1.0 范围内，指定结果图像的压缩级别。 1 表示无压缩(最高质量(，0 表示最高压缩(最低质量(。

有关详细信息，请参阅图像操纵器文档