React Native Photo Editor (RNPE)
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:
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..
Don't forget add file .swift in your project (and create bridging header file swift).
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
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
IMPORTANT You have to copy this folder and paste in Xcode root folder See Example
To Do
- Customize.
- Sync between two platforms.
Performance
We're trying to improve performance. If you have a better solution, please open a issue or pull request. Best regards!
Contributing
See the contributing guide to learn how to contribute to the repository and the development workflow.
License
MIT
9 Dec 3, 2021
4 Dec 29, 2022
2 May 28, 2022
93 Nov 26, 2022
0 Feb 13, 2022
2 Oct 10, 2021
644 Dec 26, 2022
8 Feb 26, 2022
5 Jan 3, 2022
48 Nov 26, 2022
137 Nov 20, 2022
36 Dec 29, 2022
1 Jun 1, 2022
3 Oct 18, 2022
15 Dec 30, 2022
75 Jan 3, 2023
128 Dec 31, 2022
270 Dec 25, 2022
