Select the picture in the callback event, open the selected picture and automatically close it immediately

[276259822]

import ImagePicker from "react-native-image-crop-picker"

<ActionSheet
  ref={actionSheetRef}
  title="Please Select Picture"
  options={[
    "Camera",
    "Library",
    "Cancel",
  ]}
  cancelButtonIndex={2}
  onPress={onPress}
/>

const onPress = index => {
  if (index === 1) {
    ImagePicker.openCamera({
      mediaType: "photo",
      width: 300,
      height: 400,
      compressImageMaxWidth: 750,
      compressImageQuality: 0.7,
      cropping: true,
    })
  }
}

1639533228054345.mp4

@alessiocancian

[wanderlust252]

i have this issue too. I think we have to handle close modal event

[alessiocancian]

Can you provide more info about the issue?
What you expect to happen and what happens instead?

@276259822 @wanderlust252

[wanderlust252]

Can you provide more info about the issue?
What you expect to happen and what happens instead?

@276259822 @wanderlust252

i fix this function like this. I handle when i wanna hide actionSheet by Ref in parent view. Close actionsheet right after image picker respone

[alessiocancian]

Can you provide more info about the issue?
What you expect to happen and what happens instead?
@276259822 @wanderlust252

i fix this function like this. I handle when i wanna hide actionSheet by Ref in parent view. Close actionsheet right after image picker respone

Ok so the problem is that currently when an option is pressed the ActionSheet gets dismissed immediately.
I could add a prop that prevents the auto-dismiss to handle this use case. I'm gonna implement this ASAP.

[annisaayu]

I have this issue too in iOS. But in Android, it works

[krrevilla]

I also experienced this issue in beefe/react-native-actionsheet. I was able to fix it by adding a small delay on the callback.

const onPress = index => {
  if (index === 1) {
    setTimeout(() => {
        ImagePicker.openCamera({
          mediaType: "photo",
          width: 300,
          height: 400,
          compressImageMaxWidth: 750,
          compressImageQuality: 0.7,
          cropping: true,
        })
    }, 500)
  }
}

[alessiocancian]

I'm not sure I understood the issue, can someone please send a video with the actual behavior?

[theart84]

I also experienced this issue in beefe/react-native-actionsheet. I was able to fix it by adding a small delay on the callback.

const onPress = index => {
  if (index === 1) {
    setTimeout(() => {
        ImagePicker.openCamera({
          mediaType: "photo",
          width: 300,
          height: 400,
          compressImageMaxWidth: 750,
          compressImageQuality: 0.7,
          cropping: true,
        })
    }, 500)
  }
}

Thanks, it helped me a lot

[VanDinh18]

I have this issue in iOS on Iphone XS. But in Android, it works