margelo/react-native-vision-camera

これは何？

主な機能

• 01解像度とアスペクト比を設定できる写真・動画撮影
• 02QRコードとバーコードのスキャン
• 03カメラの各フレームでJavaScript workletを実行するFrame Processors
• 04マルチカメラ対応デバイスの選択と、Reanimatedによる滑らかなズーム
• 05HDRモードとナイトモードに対応し、30〜240 FPSで撮影

ユースケース

• React Nativeアプリにカメラ撮影機能を追加する
• QRコードまたはバーコードのスキャン画面を作る
• ライブカメラ映像から顔や物体をリアルタイムで検出する
• カメラプレビューにフィルターやオーバーレイを描画する

クイックスタート

1. 1

   npmからパッケージをインストールする

   npm i react-native-vision-camera
2. 2

   iOSのPodsをインストールする

   cd ios && pod install
3. 3

   ドキュメントの説明に従ってカメラの権限を設定する

使う前に知っておきたいこと

• !iOSとAndroidのネイティブ設定が済んだReact Nativeプロジェクトが必要です。
• !READMEにはV4はメンテナンスされていないと記載されているため、現行のV5リリースを使用してください。

トピック

よくある質問

react-native-vision-camera とは？

iOSとAndroidで写真・動画の撮影、QRコード／バーコードのスキャン、リアルタイムのフレーム処理ができるReact Nativeカメラライブラリ。 VisionCameraは、React Nativeアプリ向けのカメラライブラリです。写真や動画を撮影できるCameraコンポーネントを備え、デバイス（マルチカメラ構成を含む）、解像度、アスペクト比、30〜240 FPSのフレームレートを制御できます。

react-native-vision-camera は無料で使えますか？ライセンスは？

react-native-vision-camera は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

react-native-vision-camera は今もメンテナンスされていますか？

活発にメンテナンス中。react-native-vision-camera の最終コミットは 2026年10月14日 です。

react-native-vision-camera は何に使えますか？

React Nativeアプリにカメラ撮影機能を追加する QRコードまたはバーコードのスキャン画面を作る ライブカメラ映像から顔や物体をリアルタイムで検出する カメラプレビューにフィルターやオーバーレイを描画する

react-native-vision-camera のインストール方法は？

npmからパッケージをインストールする: npm i react-native-vision-camera iOSのPodsをインストールする: cd ios && pod install ドキュメントの説明に従ってカメラの権限を設定する

react-native-vision-camera はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/margelo/react-native-vision-camera