margelo/react-native-vision-camera

Что это?

Ключевые возможности

• 01Фото- и видеосъёмка с настройкой разрешения и соотношения сторон
• 02Сканирование QR-кодов и штрихкодов
• 03Frame Processors, запускающие JavaScript worklets для каждого кадра с камеры
• 04Выбор устройства с несколькими камерами и плавное масштабирование на базе Reanimated
• 05Режимы HDR и ночной съёмки, поддержка частоты кадров от 30 до 240 FPS

Сценарии использования

• Добавление съёмки с камеры в приложение на React Native
• Создание экрана для сканирования QR-кодов или штрихкодов
• Обнаружение лиц или объектов в реальном времени по видеопотоку с камеры
• Добавление фильтров или наложений поверх изображения с камеры

Быстрый старт

1. 1

   Установите пакет из npm

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

   Установите pods для iOS

   cd ios && pod install
3. 3

   Настройте разрешения для камеры, как описано в документации

Что важно знать

• !Требуется проект React Native с настроенной нативной частью для iOS и Android.
• !В README сказано, что V4 больше не поддерживается, поэтому используйте актуальную версию V5.

Темы

Частые вопросы

Что такое react-native-vision-camera?

Библиотека камеры для React Native: фото- и видеосъёмка, сканирование QR-кодов и штрихкодов, обработка кадров в реальном времени на iOS и Android. VisionCamera — библиотека камеры для приложений на React Native. Она предоставляет компонент Camera для фото- и видеосъёмки с настройкой устройств (в том числе многокамерных конфигураций), разрешения, соотношения сторон и частоты кадров от 30 до 240 FPS.

react-native-vision-camera можно использовать бесплатно? Какая у него лицензия?

react-native-vision-camera распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

react-native-vision-camera всё ещё поддерживается?

Активно поддерживается. Последний коммит в react-native-vision-camera — 14 окт. 2026 г..

Для чего можно использовать react-native-vision-camera?

Добавление съёмки с камеры в приложение на React Native Создание экрана для сканирования QR-кодов или штрихкодов Обнаружение лиц или объектов в реальном времени по видеопотоку с камеры Добавление фильтров или наложений поверх изображения с камеры

Как установить react-native-vision-camera?

Установите пакет из npm: npm i react-native-vision-camera Установите pods для iOS: cd ios && pod install Настройте разрешения для камеры, как описано в документации

Где скачать react-native-vision-camera?

Исходный код и инструкции по установке — на GitHub: https://github.com/margelo/react-native-vision-camera