Go to file
2021-03-03 14:04:46 +01:00
.github Update build-docs.yml 2021-03-03 13:29:35 +01:00
.vscode VSCode settings 2021-02-20 17:13:02 +01:00
android Bump CameraX versions to alpha2/alpha22 (#7) 2021-02-26 17:34:28 +01:00
docs Exclude index.ts 2021-03-03 14:04:46 +01:00
example Update img links 2021-03-03 12:42:28 +01:00
ios Fix wrong variable name for tag 2021-02-25 15:15:35 +01:00
scripts Bootstrap 2021-02-19 16:07:53 +01:00
src Automatically build API documentation (#11) 2021-03-03 12:37:43 +01:00
.eslintrc.js Automatically build API documentation (#11) 2021-03-03 12:37:43 +01:00
.gitignore Revert "Gitignore: Ignore automatically generated TypeDoc API .md" 2021-03-03 13:46:07 +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
CONTRIBUTING.md move md to docs 2021-02-19 21:26:49 +01:00
LICENSE Update LICENSE 2021-02-25 22:48:21 +01:00
package.json Update package.json 2021-03-03 12:39:02 +01:00
react-native-vision-camera.podspec update config 2021-02-19 21:18:31 +01:00
README.md Automatically build API documentation (#11) 2021-03-03 12:37:43 +01:00
tsconfig.build.json Bootstrap 2021-02-19 16:07:53 +01:00
tsconfig.json Automatically build API documentation (#11) 2021-03-03 12:37:43 +01:00
yarn.lock Automatically build API documentation (#11) 2021-03-03 12:37:43 +01:00

Vision Camera



📸 The Camera library that sees the vision.






Documentation

Install

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

Features

  • Photo and Video capture
  • Customizable device (ultra-wide-angle, wide-angle, telephoto and virtual multi-cameras)
  • Customizable FPS
  • JS worklet frame processors powered by JSI and Reanimated (WIP #2)
  • Reanimated zooming
  • 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!