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

В одном из моих проектов я использую RNCamera для захвата изображения. Также экраны камер имеют нестандартные компоненты. Одним из компонентов, отображаемых камерой, является изображение компаса. Мне нужно объединить изображение компаса с захваченным изображением.

Я попробовал эту библиотеку react-native-view-shot. Обертывание RNCamera внутри вида выстрела. Но результат содержит только захваченное изображение без компаса.

Я также попробовал реагировать-нативные-изображения-объединить. Здесь второе изображение всегда располагается слева от первого изображения.

Я ищу лучшее решение. Может ли кто-нибудь предложить способ исправить это в react-native. Было бы здорово. Спасибо.


person mmg    schedule 23.06.2020    source источник


Ответы (1)


Попробуйте поместить оба изображения в тег View и каждое изображение в собственный тег View. Затем дайте свойство стиля «z-index», чтобы разместить ваше изображение выше. Дай мне знать!

person Andrea    schedule 23.06.2020
comment
Наконец я нашел решение вышеуказанной проблемы. Я использовал библиотеки под названием react-native-view-snapshot и react-native-photo-manipulator (github.com/Jarred-Sumner/react-native-photo-manipulator). Поскольку мой второй вид - это пользовательский вид над камерой (RNCamera), z-index у меня не работал. react-native-view-snapshot используется для создания снимка экрана второго изображения и с помощью react-native-photo-manipulator объединяет фотографию, сделанную с камеры, и изображение снимка экрана. - person mmg; 23.07.2020