🐛 The camera won't open on my android device

[AndreBarroso]

What's happening?

I've tried it on two devices, but when I click on 'Open camera', the phone's camera doesn't open.
I tested it on Android versions 9 and 11.
The hasPermission and requestPermission hooks work.

"react-native": "0.78.1",
"react-native-vision-camera": "^4.6.4",

Reproduceable Code

import React, {useEffect, useState} from 'react'
import {View, Button, Text} from 'react-native'
import {Camera, useCameraDevice, useCameraPermission} from 'react-native-vision-camera'

import {MainLayout} from '@/layouts/MainLayout'

export function CameraScreen() {
  const [cameraVisible, setCameraVisible] = useState(false)
  const device = useCameraDevice('back')
  const {hasPermission, requestPermission} = useCameraPermission()

  useEffect(() => {
    if (!hasPermission) {
      requestPermission()
    }
  }, [hasPermission])

  if (!hasPermission) {
    return (
      <MainLayout>
        <View>
          <Text>Camera permission required</Text>
          <Button title="Grant Permission" onPress={requestPermission} />
        </View>
      </MainLayout>
    )
  }

  if (!device) {
    return (
      <MainLayout>
        <View>
          <Text>No camera available</Text>
        </View>
      </MainLayout>
    )
  }

  return (
    <MainLayout>
      <View>
        <View style={{marginBottom: 20}}>
          <Button title="Open camera" onPress={() => setCameraVisible(true)} />
        </View>
        <Button title="Close camera" onPress={() => setCameraVisible(false)} />
        {cameraVisible && <Camera device={device} isActive={true} />}
      </View>
    </MainLayout>
  )
}
---------------------------------------------------------------
/*
I added the items below to the AndroidManifest.xml:

 <uses-permission android:name="android.permission.CAMERA" />
 <uses-feature android:name="android.hardware.camera" />
 <uses-feature android:name="android.hardware.camera.autofocus"/>
 <uses-feature android:name="android.hardware.camera.any" />

*/

Relevant log output

.

Camera Device

{
    "hardwareLevel": "full",
    "minExposure": -4,
    "neutralZoom": 1,
    "minZoom": 1,
    "supportsFocus": true,
    "isMultiCam": false,
    "position": "back",
    "id": "0",
    "hasFlash": true,
    "maxExposure": 4,
    "name": "0 (BACK) androidx.camera.camera2"
}

Device

moto e6s

VisionCamera Version

4.6.4

Can you reproduce this issue in the VisionCamera Example app?

I didn't try (⚠️ your issue might get ignored & closed if you don't try this)

Additional information

• I am using Expo
• I have enabled Frame Processors (react-native-worklets-core)
• 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.

[maintenance-hans]

Guten Tag, Hans here.

Thank you for your report! However, there are no relevant logs provided to help diagnose ze issue. Mrousavy needs to see logs from adb logcat to better understand what's happening when you try to open ze camera.

To gather logs, connect your device and run the command adb logcat in your terminal while trying to reproduce ze issue. Then, please add those logs to your issue. Also, it’s crucial to test in ze VisionCamera Example app, as this can help narrow down potential problems.

If you could do that, it will greatly help ze troubleshooting process! In ze meanwhile, if you find our work helpful, consider supporting the project by sponsoring us. Cheers! 🍻

Note: If you think I made a mistake by closing this issue, please ping @mrousavy to take a look.

[AndreBarroso]

Hello, I managed to solve the problem. I just had to do the import

import {StyleSheet} from 'react-native'

and add it to the component's style.

<Camera
    device={device}
    isActive={cameraVisible}
    codeScanner={codeScanner}
    style={StyleSheet.absoluteFill}
/>

After that I managed to.

Thank you very much for your attention.