react-native-photo-editor

(★ 560)

🌄 Photo editor using native modules for iOS and Android. Inherit from 2 available libraries, ZLImageEditor (iOS) and PhotoEditor (Android)

File Explorer

Download Latest Version (.zip)

- config.yml
- - contribute-list.yml
- FUNDING.yml
- build.gradle
- gradle.properties
- - build.gradle
  - gradle.properties
  - gradlew
  - gradlew.bat
  - settings.gradle
- - File.swift
  - PhotoEditorExample-Bridging-Header.h
  - Podfile
  - Podfile.lock
- - App.js
- app.json
- babel.config.js
- index.tsx
- metro.config.js
- package.json
- yarn.lock
- - ColorCubeHelper.swift
  - ColorCubeLoader.swift
  - FilterColorCube.swift
  - ParameterRange.swift
- - project.pbxproj
- - Constraint.swift
  - ConstraintAttributes.swift
  - ConstraintConfig.swift
  - ConstraintConstantTarget.swift
  - ConstraintDescription.swift
  - ConstraintDirectionalInsets.swift
  - ConstraintDirectionalInsetTarget.swift
  - ConstraintDSL.swift
  - ConstraintInsets.swift
  - ConstraintInsetTarget.swift
  - ConstraintItem.swift
  - ConstraintLayoutGuide+Extensions.swift
  - ConstraintLayoutGuide.swift
  - ConstraintLayoutGuideDSL.swift
  - ConstraintLayoutSupport.swift
  - ConstraintLayoutSupportDSL.swift
  - ConstraintMaker.swift
  - ConstraintMakerEditable.swift
  - ConstraintMakerExtendable.swift
  - ConstraintMakerFinalizable.swift
  - ConstraintMakerPriortizable.swift
  - ConstraintMakerRelatable+Extensions.swift
  - ConstraintMakerRelatable.swift
  - ConstraintMultiplierTarget.swift
  - ConstraintOffsetTarget.swift
  - ConstraintPriority.swift
  - ConstraintPriorityTarget.swift
  - ConstraintRelatableTarget.swift
  - ConstraintRelation.swift
  - ConstraintView+Extensions.swift
  - ConstraintView.swift
  - ConstraintViewDSL.swift
  - Debugging.swift
  - LayoutConstraint.swift
  - LayoutConstraintItem.swift
  - SnapKit.h
  - Typealiases.swift
  - UILayoutSupport+Extensions.swift
- - StickerCell.swift
  - StickerView.swift
- - CHANGELOG.md
  - LICENSE
  - README.md
  - ZLImageEditor.podspec
- PhotoEditor-Bridging-Header.h
- PhotoEditor.m
- PhotoEditor.swift
- - LUT_64_Bagan.png
  - LUT_64_California.png
  - LUT_64_DaLat.png
  - LUT_64_SaiGon.png
- banner.png
- banner1.jpg
- example_ios.png
- filters_android.png
- filters_ios.png
- lut_tutorial_ios.png
- sticker_android.png
- sticker_ios.png
- sticker_tutorial_android.png
- sticker_tutorial_ios.png
- tools_android.png
- tools_ios.png
- bootstrap.js
- - index.test.tsx
- index.js
- index.tsx
.editorconfig
.gitattributes
.gitignore
.npmignore
.yarnrc
babel.config.js
CONTRIBUTING.md
LICENSE
package.json
react-native-photo-editor.podspec
README.md
tsconfig.build.json
tsconfig.json
yarn.lock

# Installation Guide

1. Get the code

git clone https://github.com/NitrogenZLab/react-native-photo-editor

Downloads the entire project code from GitHub to your computer.

cd react-native-photo-editor

Moves into the project folder you just downloaded.

2. Gradle (Java/Kotlin)

Medium Recommended

Prerequisites

Git Needed to download the project code from GitHub.
JDK (Java) Required to build and run Java/Kotlin projects.
Gradle If the repo includes gradlew (Gradle Wrapper), you don't need to install Gradle separately.

cd android

This project's files live in a subfolder, so move into it first.

./gradlew build

Builds the project using Gradle.

✅ A BUILD SUCCESSFUL message means it worked. The output is created under build/.

3. Node.js

Easy

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

yarn add @baronha/react-native-photo-editor

Type this command into your terminal and run it.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

Pulled directly from this repo's README.