Инструмент обрезки изображений React Native, который работает с Expo

Кто-нибудь знает об инструменте обрезки изображений для React Native, который работает в настройке Expo. Очень популярный реагировать-родной-образ-подборщик кадрирования этого не делает. Есть ли альтернативы? Кажется, я не могу найти ничего.

Вы пробовали docs.expo.io/versions/latest/sdk/imagemanipulator ???

mcssym 17.08.2018 16:55

Изображения, которые я хочу обрезать, взяты не из камеры или фотопленки, это изображения, которые я получаю с сервера, поэтому манипулятор изображений Expo, на который вы ссылаетесь, не будет работать.

theseboys 17.08.2018 17:04
Умерло ли Create-React-App?
Умерло ли Create-React-App?
В этом документальном фильме React.dev мы исследуем, мертв ли Create React App (CRA) и какое будущее ждет этот популярный фреймворк React.
Освоение React Native: Пошаговое руководство для начинающих
Освоение React Native: Пошаговое руководство для начинающих
React Native - это популярный фреймворк с открытым исходным кодом, используемый для разработки мобильных приложений. Он был разработан компанией...
В чем разница между react native и react ?
В чем разница между react native и react ?
React и React Native - два популярных фреймворка для создания пользовательских интерфейсов, но они предназначены для разных платформ. React - это...
От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React
От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React
Если вы уже умеете работать с React, создание мобильных приложений для iOS и Android - это новое приключение, в котором вы сможете применить свои...
Хуки React: что это такое и как их использовать
Хуки React: что это такое и как их использовать
Хуки React - это мощная функция библиотеки React, которая позволяет разработчикам использовать состояние и другие возможности React без написания...
2
2
3 038
2

Ответы 2

Вы можете использовать формат 4: 3, 16: 9, 1: 1 и т. д.

import { ImagePicker } from 'expo';

вы получаете фото из галереи?

const photo = await ImagePicker.launchImageLibraryAsync({
   allowsEditing: true,
   aspect: [4, 3],
});

Я получаю изображения с сервера, поэтому манипулятор изображений Expo, к сожалению, работать не будет.

theseboys 17.08.2018 17:06

Вы можете загрузить образ с помощью Expo#FileSystem, а затем обрезать кэшированный образ с помощью Expo#ImageManipulator. Вот образец

/*
 * @param link {string} URI of the image on the server
 * @param name {string} Name of the image with extension
 */
_downloadAndCrop = (link, name, cropSize = { width: 200, height: 200 }) => {
    FileSystem.downloadAsync(
       link,
       name
   )
   .then(({ uri }) => {
       console.info('Finished downloading to ', uri);
       //Your new cropped image
       const cropImage = ImageManipulator.manipulate(uri, [
                             crop: { 
                                 originX: 0, 
                                 originY: 0, 
                                 width: cropSize.width, 
                                 height: cropSize.height 
                             }
                         }], {});
   })
   .catch(error => {
       console.error(error);
   });
}

Другие вопросы по теме