🐛 Error in IOS when implementing flash: {"error": [unknown/unknown: Error Domain=AVFoundationErrorDomain Code=-11800 "The operation could not be completed" UserInfo={NSLocalizedFailureReason=An unknown error occurred (-12780), NSLocalizedDescription=The operation could not be completed, NSUnderlyingError=0x281631710 {Error Domain=NSOSStatusErrorDomain Code=-12780 "(null)"}}]}

[tatianavazquez]

What were you trying to do?

I'm implementing the flash functionality.

Reproduceable Code

CAMERA MODAL COMPONENT:

const CameraModal = ({visible, setVisible}) => {
  const [headerVisible, setHeaderVisible] = useState(false);

  const closeModal = () => {
    setVisible(false);
    setPhoto('');
  };

  const { t } = useTranslation();

  return (
    <Modal
      visible={visible}
      setVisible={() => setVisible(!visible)}
      transparent={false}
      modalStyle={{
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: theme.colors.black,
        height: '100%',
      }}
    >
      <Spinner
        visible={showUntouchableOverlay}
        textContent={t('chat.loading')}
      />
      {photo ? (
        <PhotoUI
          image={{ uri: Platform.OS === 'ios' ? photo : `file://${photo}` }}
          nativeChatProps={nativeChatProps}
          onClose={closeModal}
        />
      ) : (
        <CameraUI />
      )}
    </Modal>
  );
};

export default CameraModal;


CAMERA UI:

const CameraUI = () => {
 const [photo, setPhoto] = useState('');
  const [cameraPermission, setCameraPermission] =
    useState<CameraPermissionRequestResult>();
  const camera = useRef<Camera>(null);
  const [cameraPosition, setCameraPosition] = useState<'front' | 'back'>(
    'back',
  );
  const isPressingButton = useSharedValue(false);
  const devices = useCameraDevices();
  const cameraDevice = devices[cameraPosition];

  const ReanimatedCamera = Reanimated.createAnimatedComponent(Camera);
  Reanimated.addWhitelistedNativeProps({
    zoom: true,
  });

  const setIsPressingButton = useCallback(
    (_isPressingButton: boolean) => {
      isPressingButton.value = _isPressingButton;
    },
    [isPressingButton],
  );

  const onMediaCaptured = useCallback((media: PhotoFile, type: 'photo') => {
    setPhoto(media.path);
  }, []);

  useEffect(() => {
    (async () => {
      const cameraPermissionStatus = await Camera.requestCameraPermission();
      setCameraPermission(cameraPermissionStatus);
    })();
  }, []);

  const [flash, setFlash] = useState<'off' | 'on'>('off');
  const supportsFlash = cameraDevice?.hasFlash ?? false;

  const onFlashPressed = useCallback(() => {
    setFlash(f => (f === 'off' ? 'on' : 'off'));
  }, []);

  return (
    <Container>
      <CameraHeader
        visible={headerVisible}
        flashOnPress={onFlashPressed}
        flash={supportsFlash ? flash : 'off'}
        arrowOnPress={() => setHeaderVisible(!headerVisible)}
        rawOnPress={() => console.log('TODO: Toggle raw')}
        liveOnPress={() => console.log('TODO: Toggle live')}
      />
        <ReanimatedCamera
          style={{
            width: screenWidth,
            height: screenHeight * 0.75,
          }}
          device={cameraDevice}
          isActive
          ref={camera}
          photo
          enableZoomGesture={false}
          animatedProps={cameraAnimatedProps}
          onError={error => {
            console.log({ error });
          }}
        />
      <Buttons>
        <ButtonsComponents.PhotoGalleryButton
          onPress={() => console.log('TODO: open gallery')}
        />
        <ButtonsComponents.CaptureButton
          camera={camera}
          onMediaCaptured={onMediaCaptured}
          cameraZoom={zoom}
          minZoom={minZoom}
          maxZoom={maxZoom}
          flash={supportsFlash ? flash : 'off'}
          enabled
          setIsPressingButton={setIsPressingButton}
        />
        <ButtonsComponents.ChangeCameraButton
          onPress={() => console.log('TODO: change camera')}
        />
      </Buttons>
    </Container>
  )
};

export default CameraUI;

What happened instead?

Sometimes when I click on the flash icon, the camera turns black and nothing happens until I click on the icon again.
The console.log for 'error' on the Camera, gives me this error:

LOG {"error": [unknown/unknown: Error Domain=AVFoundationErrorDomain Code=-11800 "The operation could not be completed" UserInfo={NSLocalizedFailureReason=An unknown error occurred (-12780), NSLocalizedDescription=The operation could not be completed, NSUnderlyingError=0x280d5bdb0 {Error Domain=NSOSStatusErrorDomain Code=-12780 "(null)"}}]}

This error logs whenever I click on the camera icon.

Relevant log output

No response

Device

iPhone 13

VisionCamera Version

^2.15.4

Additional information

• I am using Expo
• I have read the Troubleshooting Guide
• I agree to follow this project's Code of Conduct
• I searched for similar issues in this repository and found none.

[thunderousNinja]

I am facing the same issue, any updates? I am able to repro if I take two pictures right after each other.

[tatianavazquez]

No, I don't have any updates and I don't know why this is happening... :/ where can we get help?

[myselfuser1]

Try this https://www.youtube.com/playlist?list=PLQhQEGkwKZUrempLnmxjt7ZCZJu1W3p2i

[alessandrom]

Same

[mrousavy]

Hey - hmm maybe the device does not support flash?

[mrousavy]

Closing as this is a stale issue - this might have been fixed with the full rewrite in VisionCamera V3 (🥳) - if not, please create a new issue.

If your issue has been fixed, consider sponsoring me on GitHub to say thanks 💖