Go to file
2021-04-08 13:40:28 +02:00
.github Update BUG_REPORT.md 2021-03-29 17:27:13 +02:00
.vscode VSCode settings 2021-02-20 17:13:02 +01:00
android Remove scannable codes stuff 2021-03-31 14:39:17 +02:00
docs Update TROUBLESHOOTING.mdx 2021-03-29 18:09:01 +02:00
example Add additional ESLint rules 2021-03-31 16:02:04 +02:00
ios Reformat (#116) 2021-03-31 15:43:29 +02:00
scripts Reformat (#116) 2021-03-31 15:43:29 +02:00
src Add additional ESLint rules 2021-03-31 16:02:04 +02:00
.eslintrc.js Add additional ESLint rules 2021-03-31 16:02:04 +02:00
.gitignore Update .gitignore 2021-03-03 21:24:44 +01:00
.prettierrc.js Reformat (#116) 2021-03-31 15:43:29 +02:00
babel.config.js Fix include 2021-02-20 17:09:57 +01:00
CODE_OF_CONDUCT.md Create CODE_OF_CONDUCT.md 2021-03-04 14:18:37 +01:00
CONTRIBUTING.md Add "check-all" script 2021-03-09 12:19:18 +01:00
LICENSE Update LICENSE 2021-02-25 22:48:21 +01:00
package.json Fix npm package size 2021-04-08 12:30:22 +02:00
README.md Update README.md 2021-04-08 13:40:28 +02:00
tsconfig.build.json Bootstrap 2021-02-19 16:07:53 +01:00
tsconfig.docs.json Ignore example/ for building docs 2021-03-04 10:38:42 +01:00
tsconfig.json Fix npm package size 2021-04-08 12:30:22 +02:00
VisionCamera.podspec Rename pod to VisionCamera 2021-03-26 16:22:24 +01:00
yarn.lock Reformat (#116) 2021-03-31 15:43:29 +02:00

Vision Camera



📸 The Camera library that sees the vision.
npm i react-native-vision-camera
npx pod-install




Documentation

Features

  • Photo, Video and Snapshot capture
  • Customizable devices and multi-cameras (smoothly zoom out to "fish-eye" camera)
  • Customizable FPS
  • Frame Processors (JS worklets to run QR-Code scanning, facial recognition, AI object detection, realtime video chats and more) (Work in progress: #2)
  • Smooth zooming (Reanimated)
  • Fast pause and resume
  • HDR & Night modes

See the example app

Example

function App() {
  const devices = useCameraDevices('wide-angle-camera')
  const device = devices.back

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

🚀 Get started by setting up permissions!