Как оптимизировать изображение в React Native и просмотреть последние модели iPhone - PullRequest
Новая
       22

Как оптимизировать изображение в React Native и просмотреть последние модели iPhone

0 голосов
/ 03 апреля 2019

Фотографии, снятые с помощью камеры, слишком велики для эффективной загрузки и загрузки в React native.Также я сталкиваюсь с проблемами при отображении изображений в последних моделях iPhone, таких как X, XS, XSMax и XR

. Я использую пакет npm response-native-image-picker .Хотя это работает хорошо, но я не могу изменить размер изображения, которое является для меня главной проблемой !!

Ожидаемый результат: я должен иметь возможность изменить размер изображения и загрузить его на сервер, а также просмотреть его на всех мобильных устройствах.телефоны.

Фактический результат: я не могу изменить размер изображения, а также не могу просмотреть изображение на iPhone X и других последних моделях iPhone.

1 Ответ

1 голос
/ 03 апреля 2019

Вы можете использовать expo-image-манипулятор для сжатия изображений.

Если вы используете 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 }
);

compress должен быть значением в диапазоне 0.0 - 1.0, определяющим уровень сжатия результирующего изображения.1 означает отсутствие сжатия (высшее качество), а 0 - максимальное сжатие (низкое качество).

Для получения дополнительной информации см. Документы Image Manipulator

...