react-native-rotate-photo v1.0.0

React Native Rotate Photo

Fork with photo rotation support

Original library

A React Native module that can create rotated versions of local images (also supports the assets library on iOS).

Setup

Install the package:

• React Native >= 0.60

yarn add react-native-rotate-photo 
cd ios && pod install

• React Native <= 0.59

yarn add react-native-rotate-photo
react-native link react-native-rotate-photo

Android

Note: on latest versions of React Native, you may have an error during the Gradle build on Android (com.android.dex.DexException: Multiple dex files define Landroid/support/v7/appcompat/R$anim). Run cd android && ./gradlew clean to fix this.

Manual linking

Manual link information for Android: Link

Usage example

import RotatePhoto from 'react-native-rotate-photo';

RotatePhoto.createRotatedPhoto(path, maxWidth, maxHeight, compressFormat, quality, rotation, outputPath)
  .then(response => {
    // response.uri is the URI of the new image that can now be displayed, uploaded...
    // response.path is the path of the new image
    // response.name is the name of the new image with the extension
    // response.size is the size of the new image
  })
  .catch(err => {
    // Oops, something went wrong. Check that the filename is correct and
    // inspect err to get more details.
  });

Sample app

A basic, sample app is available in the example folder. It uses the module to resize a photo from the Camera Roll.

API

createRotatedPhoto(
  path,
  maxWidth,
  maxHeight,
  compressFormat,
  quality,
  rotation = 0,
  outputPath,
  keepMeta = false,
); // Returns a Promise

The promise resolves with an object containing: path, uri, name, size (bytes), width (pixels), and height of the new file. The URI can be used directly as the source of an <Image> component.