Breaking News: Grepper is joining You.com. Read the official announcement!

react-native-image-crop-picker crop multiple images

Sher Muhammad answered on February 22, 2024 Popularity 3/10 Helpfulness 2/10

answer react-native-image-crop-picker crop multiple images

related react native crop multiple images with react-native-image-crop-picker

react-native-image-crop-picker crop multiple images

Comment

  const openImagePickerPhoto = id => {
    ImagePicker.openPicker({
      cropping: true,
      multiple: true,
      width: deviceWidth,
      height: deviceWidth,
      includeExif: true,
    })
      .then(async images => {
        let cropedImages = await croppedAllImages(images);
      
      })
      .catch(error => {
        console.log('>>>>IMAGES PICKER', error);
        if (!tripCreated) {
          showToast('Error', 'Upload at least one image', false);
        }
      });
  };
//////////// 
const croppedAllImages = async images => {
    const croppedImages = [];
    for (const image of images) {
      croppedImages.push(
        await ImagePicker.openCropper({
          path: image.path,
          width: deviceWidth,
          height: deviceWidth,
          includeExif: true,
          // compressImageQuality: 0.8,
        }),
      );
    }
    return croppedImages;
  };

Popularity 3/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: crop javascript react-native-image-crop-picker

Link to this answer
Share Copy Link

Contributed on Feb 22 2024

Sher Muhammad

0 Answers Avg Quality 2/10

Closely Related Answers

react native crop multiple images with react-native-image-crop-picker

Comment

const images = await ImgPicker.openPicker({
        ...config,
        includeBase64: true,
        mediaType: 'photo',
        maxFiles: config.max || 1,
      });

const cropped = await cropMulti(images);
return cropped;


const cropMulti = async (images) => {
  const props = {
    cropped: [],
    length: images.length,
    current: images.length,
  };

  // max number of times to crrop
  await cropCurrent(props, images);
  await cropCurrent(props, images);
  await cropCurrent(props, images);
  await cropCurrent(props, images);
  await cropCurrent(props, images);
  await cropCurrent(props, images);

  return props.cropped;
};

const cropCurrent = async (props, images) => {
  if (props.current) {
    const cImg = await crop(images[props.length - props.current]);
    props.cropped.push(cImg);
    props.current = props.current - 1;
  }
};

const crop = async (img) => {
  return await ImgPicker.openCropper({
    path: img.path,
    includeBase64: true,
    width: img.width,
    height: img.height,
  });
};```

Popularity 8/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: react-native crop react-native-image-crop-picker javascript reac

Link to this answer
Share Copy Link

Contributed on Feb 22 2024

Sher Muhammad

0 Answers Avg Quality 2/10

react-native-image-crop-picker crop multiple images

Contents

More Related Answers

react-native-image-crop-picker crop multiple images

Closely Related Answers

react native crop multiple images with react-native-image-crop-picker

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.