Um framework para criar apps nativos para Android e iOS com React, renderizando a interface em JavaScript com componentes nativos da plataforma.
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
Instale o pacote pelo npm
npm i react-native-vision-camera - 2
Instale os pods do iOS
cd ios && pod install - 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
Framework open source para criar apps nativos universais com React, compatíveis com Android, iOS e web.
Binding de React Native para llama.cpp, que permite executar LLMs GGUF no dispositivo em apps para iOS e Android.
SDK open source do Google para criar apps nativos para dispositivos móveis, web e desktop a partir de uma única base de código Dart.
Framework multiplataforma baseado em Vue.js que permite criar uma única base de código para iOS, Android, HarmonyOS, Web e diversas plataformas de mini-programas.
Framework para criar apps nativos para iOS, Android e visionOS com JavaScript ou TypeScript, usando diretamente a UI e as APIs nativas.