What is react-native-vision-camera?

Answer

react-native-vision-camera (formerly react-native-camera) is the most powerful camera library for React Native. It provides direct access to camera hardware with frame processor plugins for real-time computer vision. Basic camera view: import { Camera, useCameraPermission, useCameraDevice } from "react-native-vision-camera"; function CameraScreen() { const { hasPermission, requestPermission } = useCameraPermission(); const device = useCameraDevice("back"); const camera = useRef(null); useEffect(() => { if (!hasPermission) requestPermission(); }, []); const takePhoto = async () => { const photo = await camera.current.takePhoto({ flash: "on", }); console.log(photo.path); }; if (!device) return <Text>No camera</Text>; return ( <Camera ref={camera} style={StyleSheet.absoluteFill} device={device} isActive={true} photo={true} video={true} /> ); }. Frame Processors (the unique powerful feature): run Worklets (JS functions on UI thread) on every camera frame in real-time — for AR, barcode scanning, face detection, object detection: import { useFrameProcessor } from "react-native-vision-camera"; import { scanBarcodes } from "vision-camera-code-scanner"; const frameProcessor = useFrameProcessor(frame => { "worklet"; const barcodes = scanBarcodes(frame, [BarcodeFormat.QR_CODE]); // Runs at 60fps on UI thread if (barcodes.length > 0) { runOnJS(handleBarcode)(barcodes[0]); } }, []);. Performance: frame processors run in a Worklet on the UI thread — real-time 60fps processing without touching the JS thread. Plugins are native C++/Swift/Kotlin for maximum performance. v4 (new): adds Skia integration for drawing overlays directly on camera frames.