react-native-image-picker getting reverse height and width

Question

I am using react-native-image-picker library to capture image code as follow:

launchImageLibrary({
   includeExtra: false,
   mediaType: "photo",
   selectionLimit: 0,
   quality: 1,
   maxWidth: 1000,
   maxHeight: 1500
}, (res)=>{
   console.log(res);
});

When I am taking capture using android real device(portrait) getting image with following:

{
   uri: "string",
   height: 1000,
   width: 750
}

Expected and correct response:

{
   uri: "string",
   height: 750,
   width: 1000
}

can someone help me out?

it is following aspect ratio. so, you should use another library to resizing. Ex: react-native-image-resizer — Rohit Kumar, Dec 27 '21 at 11:29

score 0 · Accepted Answer · answered Dec 29 '21 at 10:08

0

I advice you to use react-native-image-crop-picker library.

The code below works for me. You can use it without cropping if you do not need it.

import ImagePicker from 'react-native-image-crop-picker';

ImagePicker.openCamera({
  width: 768,
  height: 1024,
  cropping: false,
}).then(image => {
  console.log(image)
})

Looks like we have same aspect ratio 3/4. So I guess it may help you.

answered Dec 29 '21 at 10:08

Ahmet Firat Keler

2,603
2
11
22

It's looks good library. I will try and see in both platforms. – Khurshid Ansari Dec 29 '21 at 10:22

Agostinho Quintela · Answer 2 · 2022-05-17T20:53:11.723

On android, i have the same problem on cropping the photo. The width are inverted by the height on the new photo cropped.

I fix the problem by removing the original width and height. (But for Ios, the original width and height are important)

import ImagePicker from 'react-native-image-crop-picker'   try {
    ImagePicker.openCropper({
      path: uri,
      // width:2048,
      // height: 4096,
      includeExif: true,
      hideBottomControls: true,
      waitAnimationEnd: false,
      cropperChooseText: 'ok',
      cropperCancelText: 'Cancel',
    }).then(async image => {
      callback(image.path)
    })

react-native-image-picker getting reverse height and width

2 Answers2