说明

这个库是直接对 react-native-vision-camera 进行的二次开发，主要是为了鸿蒙手机没有安装 Google mlkit 库，导致扫码功能无法使用。

原本可以使用 Frame Processors 来实现。但这个Frame Processors 的 'worklet' 功能经常导致Android 编译失败。所以放权了使用 Frame Processors ，直接对源码进行了修改，使其自动识别(根据设备是否有安装Google服务)是用 mlkit 还是使用 zxing 库。

错误信息： https://github.com/mrousavy/react-native-vision-camera/issues/3425#issuecomment-2765880379

Frame Processors功能的zxing库：vision-camera-zxing (https://github.com/xulihang/vision-camera-zxing)

此仓库的代码 react-native-vision-camera + vision-camera-zxing 的整合版。

下面是原始的MD文件内容

Features

VisionCamera is a powerful, high-performance Camera library for React Native. It features:

📸 Photo and Video capture
👁️ QR/Barcode scanner
📱 Customizable devices and multi-cameras ("fish-eye" zoom)
🎞️ Customizable resolutions and aspect-ratios (4k/8k images)
⏱️ Customizable FPS (30..240 FPS)
🧩 Frame Processors (JS worklets to run facial recognition, AI object detection, realtime video chats, ...)
🎨 Drawing shapes, text, filters or shaders onto the Camera
🔍 Smooth zooming (Reanimated)
⏯️ Fast pause and resume
🌓 HDR & Night modes
⚡ Custom C++/GPU accelerated video pipeline (OpenGL)

Install VisionCamera from npm:

npm i react-native-vision-camera
cd ios && pod install

..and get started by setting up permissions!

Documentation

ShadowLens

To see VisionCamera in action, check out ShadowLens!

Example

function App() {
  const device = useCameraDevice('back')

  if (device == null) return <NoCameraErrorView />
  return (
    <Camera
      style={StyleSheet.absoluteFill}
      device={device}
      isActive={true}
    />
  )
}

See the example app

Adopting at scale

This library helped you? Consider sponsoring!

VisionCamera is provided as is, I work on it in my free time.

If you're integrating VisionCamera in a production app, consider funding this project and contact me to receive premium enterprise support, help with issues, prioritize bugfixes, request features, help at integrating VisionCamera and/or Frame Processors, and more.

Socials

🐦 Follow me on Twitter for updates
📝 Check out my blog for examples and experiments
💬 Join the Margelo Community Discord for chatting about VisionCamera
💖 Sponsor me on GitHub to support my work
🍪 Buy me a Ko-Fi to support my work

react-native-vision-camera-zxing