react-native-image-picker reducing the size of the file and quality

Question

I want to maintain the quality(size) of the image being uploaded. The options being used for this is

const options = { quality:1, maxWidth: 500, maxHeight: 500, allowsEditing: false, storageOptions: { skipBackup: true } }

Tabular

Answer 1

Remove the maxWidth and maxHeight from the options. That is what is reducing the size of the image.

You can see more of the options the api allows here https://github.com/react-native-community/react-native-image-picker/

Ozonide

hi, i have the opposite problem, the image is not be resized when i put maxWidth and maxHeight in the options – Kidwell

The resize options only work for downsizing the image, as you can see here in the code if (image.size.width <= maxWidth && image.size.height <= maxHeight) { return image} so if you image is smaller than the maxWidth and the maxHeight then it will just return the image without any changes. If you image is bigger than the max and it is not being downsized, then I suggest you open an issue with the repo's maintainer. – Ozonide

Answer 2

    let options = {
      quality:1, 
      allowsEditing: false,
      noData:true, 
      storageOptions: { skipBackup: true }}
    launchCamera(options, response => {
      if (response.didCancel) {
        console.log('User cancelled image picker');
      } else if (response.error) {
        console.log('ImagePicker Error:',response.error);
      } else {
        handleUploadPhoto(response.assets[0]);
      }
    });

Hybridism

Wrap the whole thing in any Function. – Hybridism