@baronha/react-native-photo-editor

React Native Photo Editor (RNPE)

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

Note

(The difference between the 2 platforms is huge - Be careful when using) This lib is for personal use, so if you customize your style or change something, Please fork this library and check the detailed documentation in the original library:

• iOS
• Android

During the development of this package. I was thinking of moving it as part of an earlier library that I finished. If the support community for this library was large enough, I would have to dismiss this idea immediately.

Feature 🙈

iOS

• Wide color editing supported
• Super large photo (12000px) supported (But exporting takes so long time for now.)
• Blazing fast previewing by Metal power.
• Drawing supported - masking blurry
• Creating your own filter with LUT

Android

• Drawing on image with option to change its Brush's Color, Size, Opacity, Erasing and basic shapes.
• Apply Filter Effect on image using MediaEffect
• Adding/Editing Text with option to change its Color with Custom Fonts.
• Adding Emoji with Custom Emoji Fonts.
• Adding Images/Stickers
• Pinch to Scale and Rotate views.
• Undo and Redo for Brush and Views.
• Deleting Views

ScreenShot 👉👈

iOS	Android

Requirements

• Swift 5.3 (Xcode12.4+)
• iOS 12+

Installation

yarn add @baronha/react-native-photo-editor && cd ios/ && pod install && cd..

Usage

import PhotoEditor from "@baronha/react-native-photo-editor";

// ...

const result = await PhotoEditor.open(Options);

Options

Property	Type	Default value	Platform	Description
uri	string	required	both	Local image path

Filters 🦋

iOS	Android

Custom Filters(iOS)

LUT (Hald image)

How to create cube data from LUT Image

Regarding LUT, the format of LUT changed from v2.

We can download the neutral LUT image from lutCreator.js.

Hald Images

Hald is a graphical representation of 3D LUT in a form of a color table which contains all of the color gradations of 3D LUT. If Hald is loaded into editing software and a color correction is applied to it, you can use 3D LUT Creator to convert your Hald into 3D LUT and apply it to a photo or a video in your editor.

(Detailed documentations are available on here)[https://www.notion.so/Creating-your-own-filters-LUT-d1942f2f5bcc44d88481d0a0cc4aacb3#d7bba7a891234ea48f1854b5e555366a]

IMPORTANT You have to copy this folder and paste in Xcode root folder See Example

To Do

• Customize.
• Sync between two platforms.

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT