Android 11 camera stretched 🐛 about react-native-vision-camera HOT 9 CLOSED

I'm using class component
Tired of trying and trying workarounds, version changes, debugging..
Sure that after the first rendering all works well..
Switch on caveman mode:

added this style in the Camera component:

    style={{
        ...StyleSheet.absoluteFill,
        width: Dimensions.get('screen').width,
        height: Dimensions.get('screen').height + this.state.update,
      }}

and this in componentDidMount:

    let context = this;
    setTimeout(function () {
      context.setState({update: 1});
    }, 500);

from react-native-vision-camera.

Did you try 3.9.1? There might be a fix for this issue in there but I have not verified my self. Had same issue on android 10 device

Yes I tried but I got same error

from react-native-vision-camera.

    const [hack, doHack] = useState(0);

    return (
	    <Camera
		    ref={cameraRef}
		    onInitialized={() => doHack(1)}
		    style={[StyleSheet.absoluteFill, { width: width + hack }]}

This is working on a functional component 👍 (I've tested on samsung galaxy s10 with Android 10 and Oneplus 7 running Android 12) 🎉

from react-native-vision-camera.

Did you try 3.9.1? There might be a fix for this issue in there but I have not verified my self. Had same issue on android 10 device

from react-native-vision-camera.

#2583

from react-native-vision-camera.

    const [hack, doHack] = useState(0);

    return (
	    <Camera
		    ref={cameraRef}
		    onInitialized={() => doHack(1)}
		    style={[StyleSheet.absoluteFill, { width: width + hack }]}

This is working on a functional component 👍 (I've tested on samsung galaxy s10 with Android 10 and Oneplus 7 running Android 12) 🎉

This worked also for me both for android 11 and android 13 thanks.

from react-native-vision-camera.

    const [hack, doHack] = useState(0);

    return (
	    <Camera
		    ref={cameraRef}
		    onInitialized={() => doHack(1)}
		    style={[StyleSheet.absoluteFill, { width: width + hack }]}

This is working on a functional component 👍 (I've tested on samsung galaxy s10 with Android 10 and Oneplus 7 running Android 12) 🎉

I covered the component that contains the camera with a condition of a boolean value, but with this trick now the app sometimes crash.

This is the code that call the component:

{cameraVisibile && <ScannerScreen onChangeCameraVisible={onChangeCameraVisible} onQrCheck={onQrCheck} />}

And this is the component of before:

<Camera
       codeScanner={codeScanner}
       device={device}
       isActive={true}
       audio={false}
       photo={false}
       video={false}
       onInitialized={() => setHack(1)}
       style={[StyleSheet.absoluteFill, {width: Dimensions.get('screen').width + hack}]}
       onTouchEnd={() => setEnableOnCodeScanned(true)}
     />

There isn't also a way to disable the camera component without create each time a new component? Or a way to resolve in my way, with an external value?

from react-native-vision-camera.

Duplicate of #2583

from react-native-vision-camera.

the hack is working, I was also facing the same issue. Tq for the help..........

from react-native-vision-camera.