react-native-vision-camera

Go to file

Marc Rousavy 1ada732e69 Create wide-angle-demo.gif		2021-02-22 13:22:46 +01:00
.vscode	VSCode settings	2021-02-20 17:13:02 +01:00
android	Remove CONTROL_SCENE_MODES for HDR and Night-Mode	2021-02-20 10:34:46 +01:00
docs	Update TODO.md	2021-02-19 21:31:01 +01:00
example	Update useIsForeground.ts	2021-02-22 12:28:56 +01:00
img	Create wide-angle-demo.gif	2021-02-22 13:22:46 +01:00
ios	Pin SWIFT_VERSION to 5.2	2021-02-19 17:55:37 +01:00
scripts	Bootstrap	2021-02-19 16:07:53 +01:00
src	advance hook: useCameraDevices	2021-02-22 09:43:47 +01:00
.eslintrc.js	F	2021-02-20 17:12:21 +01:00
.gitignore	VSCode settings	2021-02-20 17:13:02 +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	Bootstrap	2021-02-19 16:07:53 +01:00
package.json	Squash format-filter	2021-02-20 23:20:28 +01:00
react-native-vision-camera.podspec	update config	2021-02-19 21:18:31 +01:00
README.md	advance hook: useCameraDevices	2021-02-22 09:43:47 +01:00
tsconfig.build.json	Bootstrap	2021-02-19 16:07:53 +01:00
tsconfig.json	Fix include	2021-02-20 17:09:57 +01:00
yarn.lock	Create yarn.lock	2021-02-19 21:29:22 +01:00

README.md

README.md	ANIMATED.md	DEVICES.md	FORMATS.md	ERRORS.md

📸 The Camera library that sees the vision.

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
Reanimated zooming
HDR & Night modes

See the example app

Example

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

  return (
    <Camera
      style={StyleSheet.absoluteFill}
      device={device}
    />
  )
}