[Android] Image rotated 90 degrees

I am using ImagePicker.showImagePicker to take a photo. iOS outputs a correctly orientated image. On Android, the image is rotated 90 degrees. I am taking a picture using a Google Pixel API 25 Simulator. The simulator is in portrait mode.

This is the relevant part of response

{
  height: 480,
  isVertical: true,
  originalRotation: 0,
  width: 640
}

isVertical: true but the height and width are switched (so rotated 90 degrees).

Related #199 #388

[hubertli1991]

Hope this helps. Setting rotation: 360 worked for me.

Image-picker’s “original” / default image config causes this bug.

Overriding the default config is not so straight forward because this library ignores some image configurations. https://github.com/react-community/react-native-image-picker/blob/694fa1de5cf4a3dce8e135054c3831fba85e3880/android/src/main/java/com/imagepicker/media/ImageConfig.java#L139

So, if you only set rotation: 0, the image on Android will get rotated 90 degrees because image-picker will continue to use the default image config. If, however, you set rotation: nonZeroInteger, image-picker will respect your configuration – setting rotation to 360 will preserve the orientation. If you don’t set rotation and just set quality: 0.99 (I would not suggest doing this), image-picker will also respect your config – not rotate and reduce the quality by 0.01.

[Monte9]

@JonoH your solution works for me. Although one thing to note is that when taking images with the front camera (selfie), the rotation is 270.

Hence here is what I ended up with in case it helps someone: (react-native-image-picker + react-native-image-resizer)

const IMAGE_PICKER_OPTIONS = {
  title: 'Select a photo',
  mediaType: 'photo',
  noData: true
}

ImagePicker.launchCamera( IMAGE_PICKER_OPTIONS, response => {
  const { error, uri, originalRotation } = response

  if ( uri && !error ) {
    let rotation = 0

    if ( originalRotation === 90 ) {
      rotation = 90
    } else if ( originalRotation === 270 ) {
      rotation = -90
    }

    ImageResizer.createResizedImage( uri, 800, 600, "JPEG", 80, rotation ).
      then( ( { uri } ) => {
        this.setState( { uri } )
      } ).catch( err => {
        console.log( err )

        return Alert.alert( 'Unable to resize the photo', 'Please try again!' )
      } )
  } else if ( error ) {
    console.log( "The photo picker errored. Check ImagePicker.launchCamera func" )
    console.log( error )
  }
} )