db8960580f
* Add `supportsFocus` prop to CameraDevice * Add true-depth camera again * Revert "Add true-depth camera again" This reverts commit 5814b8ca7a15b3273ff29498144bb352619a4c1d. |
||
|---|---|---|
| .github | ||
| .vscode | ||
| android | ||
| docs | ||
| example | ||
| ios | ||
| scripts | ||
| src | ||
| .eslintrc.js | ||
| .gitignore | ||
| .prettierrc.js | ||
| babel.config.js | ||
| CODE_OF_CONDUCT.md | ||
| CONTRIBUTING.md | ||
| LICENSE | ||
| package.json | ||
| react-native-vision-camera.podspec | ||
| README.md | ||
| tsconfig.build.json | ||
| tsconfig.docs.json | ||
| tsconfig.json | ||
| yarn.lock | ||
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,telephotoand virtual multi-cameras) - Customizable FPS
- JS worklet frame processors powered by JSI and Reanimated (Work in progress: #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}
/>
)
}