13

Image editor build using React Native for iOS and Android

 3 years ago
source link: https://reactnativeexample.com/image-editor-build-using-react-native-for-ios-and-android/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

React Native Photo Editor (RNPE)

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

Feature 🙈

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 tools_iostools_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 filters_iosfilters_android-2

GitHub

https://github.com/baronha/react-native-photo-editor


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK