Go to file
2021-03-25 10:20:44 +01:00
.github Move Guides to docs/guides directory (#96) 2021-03-23 15:25:27 +01:00
.vscode VSCode settings 2021-02-20 17:13:02 +01:00
android Bump CameraX version (alpha03) 2021-03-25 10:19:56 +01:00
docs Docs: Fix syntax highlighting 2021-03-24 12:42:11 +01:00
example Upgrade Example to RN 0.64 (#83) 2021-03-19 15:53:19 +01:00
ios Upgrade Example to RN 0.64 (#83) 2021-03-19 15:53:19 +01:00
scripts Add "check-all" script 2021-03-09 12:19:18 +01:00
src Extract CameraProps to separate file 2021-03-23 17:15:09 +01:00
.eslintrc.js Remove prettier/@typescript-eslint 2021-03-04 10:43:53 +01:00
.gitignore Update .gitignore 2021-03-03 21:24:44 +01:00
.prettierrc.js Finish devDependencies setup 2021-02-19 16:20:19 +01: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 chore: release 1.0.4 2021-03-25 10:20:44 +01:00
react-native-vision-camera.podspec Fix old links 2021-03-04 10:45:50 +01:00
README.md Update README.md 2021-03-23 17:10:17 +01: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 Automatically build API documentation (#11) 2021-03-03 12:37:43 +01:00
yarn.lock Upgrade Example to RN 0.64 (#83) 2021-03-19 15:53:19 +01:00

Vision Camera



📸 The Camera library that sees the vision.






Documentation

Install

npm i react-native-vision-camera
npx pod-install

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!