Configuração do Projeto

Configuração do ambiente mobile

Texto texto

Setup back-end

Texto texto

Setup front-end

Preparação do ambiente React-Native

Nodejs:

O primeiro passo para configuração do nosso ambiente é a instalação do Nodejs, pois este irá gerenciar e preparar nosso ambiente. O Nodejs pode ser encontrado através do link https://nodejs.org/en/download/

Importante! Baixe apenas a versão "LTS" (versão testada e segura), a versão "current" pode apresentar problemas e instabilidade.

Instalação do expo:

O expo fará o gerenciamento do código e a ponte entre o código e o dispositivo, seja ele virtual ou um dispositivo real. Para todo sistema operacional, para instalação deste, apenas é necessário a execução do comando "npm install -g expo-cli", onde "npm install" é o comando para instalação, "-g" refere-se a uma instalação global (o expo não ficará reservado a os repositórios abaixo da pasta onde você está) e "expo-cli" refere-se ao que será instalado, neste caso o próprio expo.

Virtual ou por dispositivo:

É possível executar/reproduzir o projeto em dispositivos virtuais ou por dispositivos reais.

Usando seu dispositivo:

Para usar seus próprio dispositivo é necessário baixar o aplicativo.

Para Android: https://play.google.com/store/apps/details?id=host.exp.exponent&hl=pt_BR&gl=US

Para IOS: https://apps.apple.com/br/app/expo-go/id982107779

Quando instalado o aplicativo, o app irá avisar as configurações básicas que devem serem feitas, após passar pelo wizard (se for necessário), use a câmera para ler o QR CODE que irá aparecer no console quando o projeto for iniciado.

Virtual/Emulador:

Para Android: https://developer.android.com/studio?hl=pt

tutorial aqui

Para IOS: link aqui

tutorial aqui

Clonando o projeto:

TEX TEXTO precisamos criar o repositório

Iniciando o projeto:

Dentro da pasta do projeto, use o comando "npm install" para que o npm baixe e instale todas as dependências, bibliotecas ou qualquer outro arquivo que seja necessário para rodar o projeto. Quando finalizado a instalação, use o comando "npm start" para iniciar o projeto.

Caso esteja usando um dispositivo real, apenas aponte o leitor para o QR CODE que aparecerá no terminal.

Caso esteja usando o emulador, use o comando "npm run android" para inciar a compilação/build

Problemas/erros mais comuns

"Intel HAXM installation failed" durante instalação/inicialização do dispositivo virtual:

Link listando todas as possíveis causas para o problema e suas respectivas soluções: https://www.tektutorialshub.com/android-studio/haxm-installation-failed-install-intel-haxm-in-windows/

OBS: O mais comum é que isto ocorra em razão da virtualização estar desabilitada na BIOS ou por o HYPER-V estar habilitado no Windows, dê bastante atenção a esses itens dentro do tutorial linkado