Обрезать изображение с реагировать родной

Привет, мир,

Я пытаюсь обрезать изображение, как объяснить на React-native Doc

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

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

Любая идея?

Источник

2 ответа

Решение

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

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

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

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

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

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

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

Источник

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

  1. средство выбора изображений
  2. сборщик урожая изображений

для загрузки изображения вы можете использовать первую функцию пакета, подобную этой

Источник
Другие вопросы по тегам