ReactNative: Native Photo Editor (Android/iOS)

Блог

ReactNative: Native Photo Editor (Android/iOS)

React-native-photo-editor ReactNative: Native Photo Editor (Android/iOS)

Тази библиотека е мост на React Native около местните библиотеки за редактор на снимки. Тя ви позволява да редактирате всяка снимка, като предоставя по -долу набор от функции:

скрипт за скок на единство 2d
  • Изрязване
  • Добавяне на изображения -Стикери -
  • Добавяне на текст с цветове
  • Рисуване с цветове
  • Мащабиране и въртене на обекти
  • Изтриване на обекти
  • Запазване в снимки и споделяне
  • Готини анимации

Native-Photo-Editor

Приготвяме се да започнем

$ npm install react-native-photo-editor --save

$ react-native link react-native-photo-editor

  • Android
    • Моля, добавете скрипта по -долу във вашия build.gradle
buildscript { repositories { jcenter() maven { url 'https://maven.google.com' } maven { url 'https://jitpack.io' } ... } } allprojects { repositories { mavenLocal() jcenter() maven { url 'https://maven.google.com' } maven { url 'https://jitpack.io' } ... } }
  • Моля, добавете скрипта по -долу във вашето приложение/build.gradle
android { ... defaultConfig { ... renderscriptSupportModeEnabled true } }
  • Добавете по -долу активност в активността на приложението си:

Забележка: Android SDK 27> се поддържа

  • ios

    Предпоставка за iOS: Моля, уверете се, че CocoaPods е инсталиран на вашата система

    python json към xml
    • След | _+_ |, моля, проверете | _+_ | съдържа | _+_ | папка. Ако не съществува, изпълнете | _+_ | команда на | _+_ |, ако има грешка => опитайте | _+_ | след това | _+_ |
    • След проверка отворете проекта си и създайте папка „RNPhotoEditor“ под Библиотеки.
    • Плъзнете | _+_ | в RNPhotoEditor, както и в RNPhotoEditor.xcodeproject, ако той не съществува.
    • Добавете | _+_ | във вашия проект | _+_ | и се уверете, че рамката също е в свързани библиотеки.
    • Отидете на | _+_ | и добавете | _+_ | нерекурсивен.
    • Добавете свойство по -долу към вашия info.list
react-native link react-native-photo-editor
  • Сега изградете приложението си за iOS чрез Xcode

Употреба

импортиране на {RNPhotoEditor} от „response-native-photo-editor“ RNPhotoEditor.Edit ({път: RNFS.DocumentDirectoryPath + '/photo.jpg'> https://github.com/prscX/react-native-photo-editor  

#React-native #reactjs #програмиране