Security News
Highlights from the 2024 Rails Community Survey
A record 2,709 developers participated in the 2024 Ruby on Rails Community Survey, revealing key tools, practices, and trends shaping the Rails ecosystem.
@baronha/react-native-photo-editor
Advanced tools
🌄 Image editor using native modules for iOS and Android
🌄 Image editor using native modules for iOS and Android. Inherit from 2 available libraries, ZLImageEditor (iOS) and PhotoEditor (Android)
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.
Previously this library used Brightroom as the native library for iOS. If you want to use Brightroom you can check it out here.
iOS | Android |
---|---|
yarn add @baronha/react-native-photo-editor
The Swift pod @baronha/react-native-photo-editor
depends upon SDWebImage
and SDWebImageWebPCoder
, which do not define modules. To opt into those targets generating module maps (which is necessary to import them from Swift when building as static libraries), you may set use_modular_headers!
globally in your Podfile, or specify :modular_headers => true
for particular dependencies:
pod 'SDWebImage', :modular_headers => true
pod 'SDWebImageWebPCoder', :modular_headers => true
Then run cd ios/ && pod install
Don't forget add file .swift in your project (and create bridging header file swift).
import PhotoEditor from "@baronha/react-native-photo-editor";
// ...
const result = await PhotoEditor.open(Options);
Property | Type | Default value | Platform | Description |
---|---|---|---|---|
path | string | required | both | Local/remote image path |
stickers | Array | [] | both | An array of paths containing sticker images |
iOS | Android |
---|---|
How to create cube data from LUT Image
We can download the neutral LUT image from lutCreator.js.
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 create LUTs.bundle
and add all your LUT Photo(Re-name your LUT Photo follow this format: LUT_64_FILTER_NAME) into LUTs.bundle
. Then add LUTs.bundle
into Copy Bundle Resources
. See detail
You need to pass an array of image urls to the sticker parameter in options Example:
[
"https://cdn-icons-png.flaticon.com/512/5272/5272912.png",
"https://cdn-icons-png.flaticon.com/512/5272/5272913.png",
"https://cdn-icons-png.flaticon.com/512/5272/5272916.png",
...
]
You have to create Stickers.bundle
and add all your sticker into Stickers.bundle
. Then add Stickers.bundle
into Copy Bundle Resources
.
See detail
You have to create Stickers
folder inside assets
folder. Then drag or copy all sticker in to Sticker
folder.
See detail
We're trying to improve performance. If you have a better solution, please open a issue or pull request. Best regards!
See the contributing guide to learn how to contribute to the repository and the development workflow.
MIT
FAQs
🌄 Image editor using native modules for iOS and Android
The npm package @baronha/react-native-photo-editor receives a total of 569 weekly downloads. As such, @baronha/react-native-photo-editor popularity was classified as not popular.
We found that @baronha/react-native-photo-editor demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
A record 2,709 developers participated in the 2024 Ruby on Rails Community Survey, revealing key tools, practices, and trends shaping the Rails ecosystem.
Security News
In 2023, data breaches surged 78% from zero-day and supply chain attacks, but developers are still buried under alerts that are unable to prevent these threats.
Security News
Solo open source maintainers face burnout and security challenges, with 60% unpaid and 60% considering quitting.