react-native-vision-camera/example
2021-02-19 21:10:32 +01:00
..
android Statusbar settings 2021-02-19 21:10:32 +01:00
ios Rename proj 2021-02-19 20:50:41 +01:00
src format 2021-02-19 20:05:02 +01:00
.eslintrc.js Dev setup 2021-02-19 18:19:32 +01:00
.prettierrc.js Dev setup 2021-02-19 18:19:32 +01:00
app.json Bootstrap 2021-02-19 16:07:53 +01:00
babel.config.js update a whole lotta stuff 2021-02-19 19:06:28 +01:00
index.tsx Statusbar settings 2021-02-19 21:10:32 +01:00
metro.config.js Bootstrap 2021-02-19 16:07:53 +01:00
package-lock.json Implement media saving 2021-02-19 19:29:29 +01:00
package.json Implement media saving 2021-02-19 19:29:29 +01:00
README.md Create README.md 2021-02-19 20:15:28 +01:00
tsconfig.json Add static safe area insets 2021-02-19 18:24:32 +01:00
yarn.lock Bootstrap 2021-02-19 16:07:53 +01:00

Vison Camera playground

Overview

This is a demo application featuring some of the many features of the Vision Camera:

  • Photo capture
  • Video capture
  • Device filtering (ultra-wide-angle, wide-angle, telephoto, or even combined virtual multi-cameras)
  • Format filtering (targeting 60 FPS, best capture size, best matching aspect ratio, etc.)
  • Zooming using react-native-gesture-handler and react-native-reanimated
  • HDR mode
  • Night mode
  • Flash for photo capture
  • Flash for video capture
  • Activating/Pausing the Camera but keeping it "warm"

Get started

To try the playground out for yourself, run the following commands:

git clone https://github.com/mrousavy/react-native-vision-camera
cd react-native-vision-camera
yarn bootstrap

iOS

  1. Open the example/ios/VisionCameraExample.xcworkspace file with Xcode
  2. Change signing configuration to your developer account
  3. Select your device in the devices drop-down
  4. Hit run

Android

  1. Open the example/android/ folder with Android Studio
  2. Select your device in the devices drop-down
  3. Hit run