Image picker is immediately closed after dismissing the action sheeting

[zhangchi0104]

Description

The image picker is closed immediately closed after choosing an option

Related to

• Components
• Demo
• Docs
• Typings

Steps to reproduce

1. click the button on UI to open the image picker
2. Choose any option

Expected behavior

the action sheet closes until image is choen

Actual behavior

the image picker closes immediately with the action sheet

More Info

Code snippet

type ChooseImageProviderProps = React.PropsWithChildren;
interface ChooseImageMenuProps {
  visible: boolean;
  imagePickerOptions: ImagePickerOptions;
  onChooseImage: (result: ImagePickerResult) => void;
  onPermissionDeny: (reason: any) => void;
  onDismiss?: () => void;
}
type PrmomiseResolveReject = {
  resolve: (value: ImagePickerResult) => void;
  reject: (reason: any) => void;
};

const ChooseImageMenu: React.FC<ChooseImageMenuProps> = ({
  visible,
  onChooseImage,
  onPermissionDeny,
  imagePickerOptions,
  onDismiss,
}) => {
  const options: ButtonProps[] = useMemo(() => {
    return [
      {
        label: 'From Media Library',
        onPress: () =>
          setTimeout(async () => {
            const permissionResult = await requestMediaLibraryPermissionsAsync();
            if (!permissionResult.granted) {
              onPermissionDeny(permissionResult);
            }
            const asset = await launchImageLibraryAsync(imagePickerOptions);
            onChooseImage(asset);
          }, 100),
      },
      {
        label: 'From Camera',
        onPress: () =>
          setTimeout(async () => {
            const permissionResult = requestCameraPermissionsAsync();
            if (!permissionResult) {
              onPermissionDeny(permissionResult);
            }
            const asset = await launchCameraAsync(imagePickerOptions);
            onChooseImage(asset);
          }, 100),
      },
    ];
  }, [imagePickerOptions, onChooseImage, onPermissionDeny]);

  return (
    <ActionSheet
      useSafeArea
      migrateDialog
      title={'Choose Image'}
      message={'Choose an image from'}
      visible={visible}
      options={options}
      onDismiss={onDismiss}
    />
  );
};

Screenshots/Video

Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2024-05-20.at.18.14.56.mp4

Environment

• React Native version: 0.73.3
• React Native UI Lib version: 7.21.1
• expo: 50.0.14
• expo-image-picker: 14.7.1

Affected platforms

• Android
• iOS
• Web