Обрезать изображение с помощью реакции

Привет, мир,

Я пытаюсь обрезать изображение, как объяснить на Нативный документ React

<Image source={{uri: this.props.image, crop: {left: 50, top: 50, width: 100, height: 100}}} style={{height: 100, width: 100}}/>

Но это не работает, изображение не обрезается.

Есть идеи?


person G Clovs    schedule 19.02.2017    source источник


Ответы (1)


Из документов:

Со стороны инфраструктуры причина в том, что она позволяет нам прикреплять метаданные к этому объекту. Например, если вы используете require('./my-icon.png'), мы добавляем информацию о его фактическом расположении и размере (не полагайтесь на этот факт, он может измениться в будущем!). Это также проверка на будущее, например, в какой-то момент мы можем захотеть поддерживать спрайты, вместо вывода {uri: ...} мы можем вывести {uri: ..., урожая: {слева: 10, вверху: 50, ширина: 20, высота: 40}} и прозрачная поддержка спрайтов на всех существующих сайтах вызовов.

React Native Image в настоящее время не поддерживает обрезку изображения, по крайней мере, не так, как вы указали, однако у вас все еще есть другие варианты, которые будут выполнять ту же работу.

  1. ImageEditor: компонент React Native, опять же из документации:

Обрезать изображение, указанное параметром URI. Если URI указывает на удаленный образ, он будет загружен автоматически. Если изображение не может быть загружено/выгружено, будет вызван обратный вызов ошибки.

  1. Обрезка не требует связывания.
  2. Image Crop Picker еще один пакет, предлагающий кадрирование, но другим способом: Выбор. Требуется привязка, но, к счастью, он также поддерживает версии RN > 0.40.

Я не использовал ни один из них, но на вашем месте я бы сначала попробовал Image Editor, так как вам не нужно никакой дополнительной установки, кроме импорта.

person eden    schedule 19.02.2017
comment
Я уже пробую эти три варианта, всегда получалась моя картинка без кропа. Я следил за этим в StackOverflow по ссылке. - person G Clovs; 20.02.2017