Repolode
margelo

margelo/react-native-vision-camera

Biblioteca de câmera para React Native com captura de fotos e vídeos, leitura de QR codes e códigos de barras e processamento de frames em tempo real no iOS e Android.

Estrelas
9,648
Forks
1,397
Issues abertas
122
Último commit
há 7 dias

O que é?

VisionCamera é uma biblioteca de câmera para apps React Native. Ela oferece um componente Camera para capturar fotos e vídeos, com controle sobre dispositivos (incluindo configurações com várias câmeras), resoluções, proporções de tela e taxas de quadros de 30 a 240 FPS.

Seu principal ponto de extensão são os Frame Processors, que executam worklets JavaScript em cada frame da câmera. Com eles, é possível criar recursos como reconhecimento facial, detecção de objetos ou desenhar formas, textos e shaders sobre a prévia ao vivo. A biblioteca também inclui um leitor de QR codes e códigos de barras, zoom suave com Reanimated, pausa e retomada rápidas e modos HDR e noturno.

Instale o pacote react-native-vision-camera pelo npm, execute pod install no iOS e configure as permissões de câmera conforme descrito na documentação.

Recursos principais

  • 01Captura de fotos e vídeos com resolução e proporção configuráveis
  • 02Leitura de QR codes e códigos de barras
  • 03Frame Processors que executam worklets JavaScript em cada frame da câmera
  • 04Seleção de dispositivos com várias câmeras e zoom suave com Reanimated
  • 05Modos HDR e noturno com suporte a 30 a 240 FPS

Casos de uso

  • Adicionar captura de imagens pela câmera dentro de um app React Native
  • Criar uma tela para leitura de QR codes ou códigos de barras
  • Executar detecção facial ou de objetos em tempo real sobre a imagem da câmera
  • Desenhar filtros ou sobreposições na prévia da câmera

Início rápido

  1. 1

    Instale o pacote pelo npm

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

    Instale os pods do iOS

    cd ios && pod install
  3. 3

    Configure as permissões da câmera conforme descrito na documentação

Antes de usar

  • Requer um projeto React Native com a configuração nativa de iOS e Android.
  • O README informa que o V4 não recebe mais manutenção, então use a versão atual V5.

Tópicos

Perguntas frequentes

O que é react-native-vision-camera?
Biblioteca de câmera para React Native com captura de fotos e vídeos, leitura de QR codes e códigos de barras e processamento de frames em tempo real no iOS e Android. VisionCamera é uma biblioteca de câmera para apps React Native. Ela oferece um componente Camera para capturar fotos e vídeos, com controle sobre dispositivos (incluindo configurações com várias câmeras), resoluções, proporções de tela e taxas de quadros de 30 a 240 FPS.
react-native-vision-camera é gratuito? Qual é a licença?
react-native-vision-camera é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
react-native-vision-camera ainda é mantido?
Manutenção ativa. O último commit de react-native-vision-camera foi em 14 de out. de 2026.
Para que posso usar react-native-vision-camera?
Adicionar captura de imagens pela câmera dentro de um app React Native Criar uma tela para leitura de QR codes ou códigos de barras Executar detecção facial ou de objetos em tempo real sobre a imagem da câmera Desenhar filtros ou sobreposições na prévia da câmera
Como instalar react-native-vision-camera?
Instale o pacote pelo npm: npm i react-native-vision-camera Instale os pods do iOS: cd ios && pod install Configure as permissões da câmera conforme descrito na documentação
Onde consigo react-native-vision-camera?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/margelo/react-native-vision-camera

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados