Comments (9)
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.
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
Yes I tried but I got same error
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.
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.
Related Issues (20)
- barcodeScan mask flipped view HOT 1
- 💭 Is it possible to display the front and back cameras at the same time HOT 1
- ✨ Contrast HOT 1
- _NativeCameraModule.CameraModule.getLocationPermissionStatus is not a function (it is undefined)🔧 HOT 1
- 💭 Two separate frame processors at different target FPS HOT 7
- 🐛 [AVCaptureDevice setActiveColorSpace:] Not supported - use activeFormat.supportedColorSpaces'. HOT 2
- 🐛 APK Size increase After implementing react-native-vision-camera lib double the apk size HOT 5
- 💭 Why the Photo Result Does Not Come Out in the Specified Aspect Ratio HOT 1
- 🐛 `finally` on a `Promise` stops camera on Android HOT 3
- 🐛 [V4][Android] Release crash: maxImages (6) has already been acquired HOT 1
- 🔧 Not able to build expo dev client when using any of the given frame processing plugin for OCR HOT 2
- 🐛 [Android] isActive change doesn't happen fast enough causing device/camera-already-in-use error when switching to native camera app HOT 1
- 🔧 Execution failed for task ':react-native-vision-camera:compileReleaseKotlin'. HOT 3
- 🔧 This API is provided only for React Native frameworks and not intended for general users. This API can change between minor versions in alignment with React Native frameworks and won't be considered a breaking change. HOT 10
- 💭 Android: Frameprocessor HOT 7
- 💭 Focus not work HOT 1
- 🐛 Memory leak Android HOT 6
- 💭 [iOS] Did someone manage to get to reasonable FPS with ML Kit Pose Detection (native frame processor plugin)? HOT 2
- 💭 Lifecycle methods for native frame processors HOT 5
- 💭 How to access GPS location tags in photo metadata? HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-native-vision-camera.