эквивалент «canvas» in React Native

Question

В настоящее время я работаю над мобильным приложением для обработки изображений, основанным на React-Native. Однако на официальном сайте React-Native я не могу найти какие-либо связанные документы об изображениях, масштабировании, панорамировании и сохранении функций (которые могут быть легко достигнуты с помощью элемента холста HTML5).

Я также занимаюсь поиском в Google, но нахожу только «неподдерживаемый» ответ-родной-холст (https://github.com/lwansbrough/react-native-canvas). Есть ли какой-либо эквивалент «холста» в React Native?

Answer 1

Существует несколько вариантов, «похожих», но не одинаковых. Мои предложения будут ...

• React Native SVG - Чувствует много, как веб-компоненты SVG мы все знакомы с. Вы можете делать много с этой библиотекой даже анимации.

• ART (РЕАКТ Native версию found here) - А "React Native" версию React библиотеки ART, которая в свою очередь, является продолжением библиотеки ART found here. Он поставляется с React Native, но я не думаю, что он еще не интегрирован в настройку по умолчанию, поэтому он находится в папке node_modules и должен быть импортирован в XCode (обсуждение - found here). Я обычно перетаскиваю файл проекта из папки node_modules, где он находится (node_modules/react-native/Libraries/ART/Art.xcodeproj), в папку библиотек в вашем навигаторе проектов React Native XCode. Если он попросит скопировать ресурсы, нажмите «Да». Затем перейдите в свой файл настроек проекта -> общий -> Связанные рамки и библиотеки, затем нажмите значок плюса. Ищите АРТ и добавьте ее как зависимость.

Answer 2

Ну, через два года, есть новый выбор для вас:

https://alibaba.github.io/GCanvas/

Этот "GCanvas" предназначен для родной среды для выполнения canvas2d & WebGL API.

См

https://alibaba.github.io/GCanvas/docs/Integrate%20GCanvas%20on%20ReactNative.html