iOS: Can't disable Barcode Scanner

[tomasmcm]

Describe the bug
I'm trying to use react-native-camera-kit in expo and the normal camera always shows the barcode scanner, even when scanBarcode and showFrame are set to false

To Reproduce

npx create-expo-app test-camera-kit
cd test-camera-kit/
npm install react-native-camera-kit
npm install --dev expo-dev-client
npx expo run:ios --device

I'm using the code from CameraExample, and react-native-permissions for requesting access to the camera.

Expected behavior
Barcode scanner should be disabled by default, if not there should be a way to disable it.
I was able to hide the laser and frame by setting laserColor and frameColor to transparent, but there is still a grey overlay with a rectangle cutout in the middle.

Screenshots

Smartphone (please complete the following information):

• Device: iPhone 16 Plus
• OS: iOS 18.3
• Versions
  • expo: 52.0.39
  • react-native: 0.76.7
  • react-native-camera-kit: 14.2.0
  • react-native-permissions: 5.2.6

[ealmiladi]

+1

[HeavenMin]

showFrame should be false in default, have you try showFrame={false}?

[tomasmcm]

@HeavenMin yes that would be my expectation too, but no. I tried with this:

<Camera
  ref={cameraRef}
  style={styles.camera}
  cameraType={CameraType.Back}
  flashMode="auto"
  resizeMode="contain"
  resetFocusWhenMotionDetected
  zoom={zoom}
  maxZoom={10}
  onZoom={(e) => setZoom(e.nativeEvent.zoom)}
  torchMode="off"
  scanBarcode={false}
  showFrame={false}
  laserColor="transparent"
  frameColor="transparent"
/>

But it still has a dark overlay with a clear rectangle in the center

[phlpsong]

Check this PR #690 , looks like the same issue.

[trickyc0d3r]

Same bug here on latest lib version... Please HEEEELPPP!!

[trickyc0d3r]

@tomasmcm @HeavenMin @ealmiladi @phlpsong

[LuK3zz]

+1

[trickyc0d3r]

@HeavenMin

[trickyc0d3r]

up @LuK3zz @HeavenMin

[vzts]

FYI, it's fixed in the latest release.
Check #690 (comment)

[scarlac]

Thanks @vzts - closing as fixed.