Skip to content

marcoswitcel/react-native-exemplo-camera

Repository files navigation

Exemplo de uso da API de Câmera do React Native

Esse repositório contém o código fonte de um App Mobile que faz uso das funcionalidade básicas da API de câmera. O propósito é documentar o estudo e manter um exemplo de fácil acesso. O material didático em vídeo estudado pode ser encontrado no YouTube, na playlist Curso React Native (aprendize) - One Bit Code. É uma série de vídeos sobre desenvolvimento com React Native. A API da câmera é apresentado e demonstrada nos seguintes vídeos em específico:

Rodando e testando

Primeiro instale o Expo, digite o seguinte comando no terminal:

npm install --global expo-cli

Documentação detalhada de instalação do Expo e ambiente

A partir daí basta clonar este repositório, instalar as dependências do NodeJS e rodar npm run start.

Exemplo completo abaixo:

cd <pasta-deste-repositorio>
npm install
npm run start

Para testar, será necessário instalar o App do Expo na Google Play, ou na Apple Store se tiver um Iphone. A partir do app do expo no seu celular é só scanear o QRCode que aparecerá na janela do terminal onde você rodou npm run start.

Em que template essa estrutura de pastas se baseia

Esse repositório foi criado usando a expo-cli

# criando o projeto com o expo (template blank)
expo init react-native-exemplo-camera
# instalando as dependências necessárias para trabalhar com a câmera
expo install expo-camera expo-contacts expo-sensors

Referências