react-native-dsphoto-module
v0.4.0
Published
Image Editor
Downloads
10
Readme
react-native-dsphoto-module
Native Photo Editor Wrapper
Installation
npm install react-native-dsphoto-module
iOS iOS Prerequisite: Please make sure CocoaPods is installed on your system
Add the following to your
Podfile
->ios/Podfile
and run pod update: use_native_modules!use_frameworks! :linkage => :static
pod 'iOSPhotoEditor', :git => 'https://github.com/prscX/photo-editor', :branch => 'master'
post_install do |installer| installer.pods_project.targets.each do |target| if target.name.include?('iOSPhotoEditor') target.build_configurations.each do |config| config.build_settings['SWIFT_VERSION'] = '5' end end end end
$static_framework = ['FlipperKit', 'Flipper', 'Flipper-Folly', 'CocoaAsyncSocket', 'ComponentKit', 'Flipper-DoubleConversion', 'Flipper-Glog', 'Flipper-PeerTalk', 'Flipper-RSocket', 'Yoga', 'YogaKit', 'CocoaLibEvent', 'OpenSSL-Universal', 'boost-for-react-native']
pre_install do |installer| Pod::Installer::Xcode::TargetValidator.send(:define_method, :verify_no_static_framework_transitive_dependencies) {} installer.pod_targets.each do |pod| if $static_framework.include?(pod.name) def pod.build_type; Pod::BuildType.static_library end end if pod.name.eql?('RNReanimated') puts "Link #{pod.name} as static_library" def pod.build_type; Pod::BuildType.static_library end end end end
Please make sure Flipper iOS Setup Guidelines steps are added to Podfile, since iOSPhotoEditor is implemented using Swift and we have to use use_frameworks! in Podfile
Add below property to your info.list
<key>NSPhotoLibraryAddUsageDescription</key>
<string>Application needs permission to write photos...</string>
<!-- If you are targeting devices running on iOS 10 or later, you'll also need to add: -->
<key>NSPhotoLibraryUsageDescription</key>
<string>iOS 10 needs permission to write photos...</string>
Android
Please add below script in your build.gradle
buildscript { repositories { maven { url "https://jitpack.io" } ... } }
allprojects { repositories { maven { url "https://jitpack.io" } ... } } Add below activity in your app activities:
To save image to the public external storage, you must request the WRITE_EXTERNAL_STORAGE permission in your manifest file:
Usage
import DsphotoModule from "react-native-dsphoto-module";
// ...
DsphotoModule.Edit(photo.path, (res) => {
console.log(`editor-path: ${res}`);
},
(error) => {
console.log(`action: ${error} `);
})
Contributing
See the contributing guide to learn how to contribute to the repository and the development workflow.
License
MIT