| .github | ||
| .vscode | ||
| android | ||
| docs | ||
| example | ||
| img | ||
| ios | ||
| scripts | ||
| src | ||
| .eslintrc.js | ||
| .gitignore | ||
| .prettierrc.js | ||
| babel.config.js | ||
| CONTRIBUTING.md | ||
| LICENSE | ||
| package.json | ||
| react-native-vision-camera.podspec | ||
| README.md | ||
| tsconfig.build.json | ||
| tsconfig.json | ||
| yarn.lock | ||
| README | SETUP | DEVICES | FORMATS | FRAME_PROCESSORS | ANIMATED | ERRORS |
|---|
Camera
📸 The Camera library that sees the vision.
Install
npm i react-native-vision-camera
npx pod-install
See SETUP.md
Features
- Photo and Video capture
- Customizable device (
ultra-wide-angle,wide-angle,telephotoand 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}
/>
)
}