Repolode
Enviar
margelo

margelo/react-native-vision-camera

Una biblioteca de cámara para React Native que permite capturar fotos y videos, escanear códigos QR y de barras, y procesar fotogramas en tiempo real en iOS y Android.

Ver en GitHubSitio web
Estrellas
9,648
Forks
1,397
Issues abiertos
122
Último commit
hace 7 días

¿Qué es?

VisionCamera es una biblioteca de cámara para apps de React Native. Incluye un componente Camera para capturar fotos y videos, con opciones para controlar los dispositivos (incluidas las configuraciones multicámara), las resoluciones, las relaciones de aspecto y las velocidades de fotogramas, de 30 a 240 FPS.

Su principal punto de extensión son los Frame Processors, que ejecutan worklets de JavaScript en cada fotograma de la cámara. Esto permite crear funciones como reconocimiento facial y detección de objetos, o dibujar formas, texto y shaders sobre la vista previa en directo. También incluye un escáner de códigos QR y de barras, zoom fluido mediante Reanimated, pausa y reanudación rápidas, y modos HDR y nocturno.

Instala el paquete react-native-vision-camera desde npm, ejecuta pod install para iOS y configura los permisos de cámara según se indica en la documentación.

Funciones clave

  • 01Captura de fotos y videos con resolución y relación de aspecto configurables
  • 02Escaneo de códigos QR y de barras
  • 03Frame Processors que ejecutan worklets de JavaScript en cada fotograma de la cámara
  • 04Selección de dispositivos multicámara y zoom fluido con Reanimated
  • 05Modos HDR y nocturno, con compatibilidad con velocidades de 30 a 240 FPS

Casos de uso

  • Añadir captura de imágenes desde la cámara dentro de una app de React Native
  • Crear una pantalla para escanear códigos QR o de barras
  • Ejecutar detección facial o de objetos en tiempo real sobre la imagen en directo de la cámara
  • Dibujar filtros o elementos superpuestos sobre la vista previa de la cámara

Inicio rápido

  1. 1

    Instala el paquete desde npm

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

    Instala los pods de iOS

    cd ios && pod install
  3. 3

    Configura los permisos de la cámara como se indica en la documentación

Antes de usarlo

  • Requiere un proyecto de React Native con la configuración nativa de iOS y Android.
  • El README indica que V4 ya no recibe mantenimiento, así que usa la versión actual V5.

Temas

#react-native#camera#mobile#ios#android#barcode-scanner#qr-code#computer-vision#barcode#instagram

Preguntas frecuentes

¿Qué es react-native-vision-camera?
Una biblioteca de cámara para React Native que permite capturar fotos y videos, escanear códigos QR y de barras, y procesar fotogramas en tiempo real en iOS y Android. VisionCamera es una biblioteca de cámara para apps de React Native. Incluye un componente Camera para capturar fotos y videos, con opciones para controlar los dispositivos (incluidas las configuraciones multicámara), las resoluciones, las relaciones de aspecto y las velocidades de fotogramas, de 30 a 240 FPS.
¿react-native-vision-camera es gratuito? ¿Qué licencia tiene?
react-native-vision-camera es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿react-native-vision-camera sigue mantenido?
Mantenimiento activo. El último commit de react-native-vision-camera fue el 14 oct 2026.
¿Para qué puedo usar react-native-vision-camera?
Añadir captura de imágenes desde la cámara dentro de una app de React Native Crear una pantalla para escanear códigos QR o de barras Ejecutar detección facial o de objetos en tiempo real sobre la imagen en directo de la cámara Dibujar filtros o elementos superpuestos sobre la vista previa de la cámara
¿Cómo se instala react-native-vision-camera?
Instala el paquete desde npm: npm i react-native-vision-camera Instala los pods de iOS: cd ios && pod install Configura los permisos de la cámara como se indica en la documentación
¿Dónde consigo react-native-vision-camera?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/margelo/react-native-vision-camera

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados