react-native-image-converter
Version:
117 lines (89 loc) • 3.16 kB
Markdown
# react-native-image-converter
A React-native module it can modify an image by simply.
### supported features.
- resize
- quality
- grayscale
- base64 encoding
### latest version
- 0.4.1
## install
* React Native >= 0.60
```
yarn add react-native-image-converter
cd ios && pod install
```
* React Native <= 0.59
```
yarn add react-native-image-converter
react-native link react-native-image-converter
```
* add to yarn package.json
```
"dependencies": {
"react-native-image-converter": "^0.4.1"
}
```
## usage
```javascript
import IImageConverter from 'react-native-image-converter'
...
const param = {
path: uri,
grayscale: false, // or true
base64: false, // or true
resizeRatio: 0.8, // 1.0 is origin value
imageQuality: 0.7 // 1.0 is max quality value
}
const { success, errorMsg, imageURI, base64String } = await IImageConverter.convert(param)
```
## request param
#### path - required value
- type : string
- description : The absolute path of the local file. (URI)
#### grayscale - optional value (default value is false)
- type : boolean
- description : If you want to make to grayscale, set true.
#### base64 - optional value (default value is false)
- type : boolean
- description : If you want to get image data by base64 encoding, set true.
#### resizeRatio - optional value (default value is 1.0)
- type : float
- description : Image resize ratio, between 0.1 to 1.0.
#### imageQuality - optional value (default value is 1.0)
- type : float
- description : Image quality, between 0.1 to 1.0.
## response value
#### success
- type : boolean
- description : success(true) or failure(false).
#### errorMsg
- type : string
- description : the message of errors.
#### imageURI
- type : string
- description : The absolute path of the edited file. (URI)
#### base64String
- type : string
- description : base64 encoded text data.
## setting the module to the project.
### ios
- In the Xcode, in the project navigator and right click `Libraries` -> Add Files to `your project name`
- Go to `node_modules` -> `react-native-image-converter` and add `RNImageConverter.xcodeproj`
- In the Xcode, in the project navigator and select your project. Add `libRNImageConverter.a` to your project's `Build Phases` -> `Link Binary With Libraries`
- Build & run your project
### android
- Open `android/app/src/main/java/your project name/MainApplication.java`
- Add `import me.phoboslabs.RNImageConverterPackage;` to the imports line
- Add `new RNImageConverterPackage()` to the list of the `getPackages()` method
- Insert to the `android/settings.gradle`
```
include ':react-native-image-converter'
project(':react-native-image-converter').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-image-converter/android')
```
- Insert the line of dependencies block in `android/app/build.gradle`
```
compile project(':react-native-image-converter')
```
# License
`react-native-image-converter` is belongs to [the project Illuminati](https://github.com/LeeKyoungIl/illuminati), and distributed MIT license.