Go to file
2021-05-06 16:21:08 +02:00
.github feature: Frame Processors (iOS) (#2) 2021-05-06 14:11:55 +02:00
.vscode VSCode settings 2021-02-20 17:13:02 +01:00
android feature: Frame Processors (iOS) (#2) 2021-05-06 14:11:55 +02:00
cpp feature: Frame Processors (iOS) (#2) 2021-05-06 14:11:55 +02:00
docs docs: Add react-native-reanimated 2.1.0 note 2021-05-06 16:21:08 +02:00
example feature: Frame Processors (iOS) (#2) 2021-05-06 14:11:55 +02:00
ios feature: Frame Processors (iOS) (#2) 2021-05-06 14:11:55 +02:00
scripts feature: Frame Processors (iOS) (#2) 2021-05-06 14:11:55 +02:00
src Revert "Update globals.d.ts" 2021-05-06 16:12:43 +02:00
.eslintrc.js feature: Frame Processors (iOS) (#2) 2021-05-06 14:11:55 +02:00
.gitignore feature: Frame Processors (iOS) (#2) 2021-05-06 14:11:55 +02: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 feature: Frame Processors (iOS) (#2) 2021-05-06 14:11:55 +02:00
LICENSE Update LICENSE 2021-02-25 22:48:21 +01:00
package.json chore: release 2.0.0 2021-05-06 15:12:28 +02:00
README.md feature: Frame Processors (iOS) (#2) 2021-05-06 14:11:55 +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 feature: Frame Processors (iOS) (#2) 2021-05-06 14:11:55 +02:00
yarn.lock feature: Frame Processors (iOS) (#2) 2021-05-06 14:11:55 +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)
  • 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!