React Native Compress Image
React Native Compress Image for Android
NOTE: The iOS side of this module will be included when i have figured it out.
Installation
npm install --save react-native-compress-image
react-native link react-native-compress-image
NOTE: For Android, you will still have to manually update the AndroidManifest.xml (as below) in order to use Scheduled Notifications.
Android manual Installation
In your AndroidManifest.xml
In android/settings.gradle
include ':react-native-compress-image'project(':react-native-compress-image').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-compress-image/android')
in android/app/build.gradle
dependencies { compile // <--- Add package to dependencies compile compile "com.android.support:appcompat-v7:23.0.1" compile "com.facebook.react:react-native:+" ....}
in MainApplication.java
:
// <--- Import Package
Usage
; CompressImage; CompressImage;
Sample App
A basic, sample app is available in the example
folder. It uses the module to compress a photo from the Camera Roll.
API
promise createCompressedImage(imageUri, appDirectory)
The promise resolves with an object containing: path
, uri
, name
and size
of the new file. The URI can be used directly as the source
of an <Image>
component.
Option | Description |
---|---|
imageUri | Path of image file whether jpeg or png |
appDirectory | The folder or path to save the compressed image |
promise createCustomCompressedImage(imageUri, appDirectory, maxWidth, maxHeight, quality)
The promise resolves with an object containing: path
, uri
, name
and size
of the new file. The URI can be used directly as the source
of an <Image>
component.
Option | Description |
---|---|
imageUri | Path of image file whether jpeg or png |
appDirectory | The folder or path to save the compressed image |
maxWidth | Image maximum width |
maxHeight | Image maximum height |
quality | Image quality |