Se você está procurando um atalho/exemplo para criar um app feito em React Native com Expo, React Navigation, Native Base e outros recursos chegou ao lugar certo :-)
Use este código como ponto de partida para criar outros apps feitos em React Native ou como exemplo para suas próprias criações.
O inicia com um slider de introdução que só é mostrado na primeira vez que o app é usado, e algumas páginas de exemplo com navegação simples para você adaptar ao seu projeto pessoal.
Confira se tem estes pacotes ou instale-os:
Node.js. Node.js é um runtime, um tipo de servidor que roda o javascript do app.
Expo.io. Expo é um conjunto de ferramentas de desenvolvimento que aceleram o processo de criação de apps em React Native (CRNA).
Expo Client no seu Smartphone ou iPhone. Também pode instalar no emulador de android ou simulador de Ios. É neste dispositivo que você vai rodar e testar seu app.
Abra o terminal e instale o EXPO-CLI
npm i -g expo-cli
Este comando (e outros) podem demorar para terminar a execução. Tenha paciência!
Recursos Opcionais
Git, que é um sistema de controle de versão distribuído. Se estiver usando Windows, instale o Git for Windows.
Visual Studio Code -- Este git (projeto) contém dependências de desenvolvimento voltadas para VSCode, mas você pode usar o editor de sua preferência.
1) Crie um projeto vazio no Expo
Abra o terminal e digite:
cd /PASTA/DOS/PROJETOS/
expo init MEUPROJETO
cd MEUPROJETO
expo start
Nota: Altere os termos em MAIÚSCULAS para os nomes que usa em seu sistema.
Nota: Escolha o projeto vazio quando rodar expo init
. Basta dar Enter
.
Aguarde abrir uma aba do navegador que mostra o servidor em que o app rodando durante o desenvolvimento.
Feche esta aba, volte ao terminal e interrompa a execução (Ctrl+C
no Windows).
Opcional: Para usar eslint, digite:
npm i -g eslint
2) Baixe e inicialize o app
Neste repo, clique no botão verde "Clone or download" e baixe a arquivo .zip.
Abra o .zip e extraia os arquivos para a pasta do projeto, substituindo os arquivos originais pelos novos que vc extraiu.
De volta ao terminal, se já não estiver lá, entre na pasta do projeto:
cd /PASTA/DOS/PROJETOS/MEUPROJETO
Em seguida, instale os pacotes do app:
npm i
Este comando pode demorar varios minutos, a depender do sistema.
3) Acione o app através do Expo Rode este comando na pasta do projeto para iniciar:
expo start
Em instantes, a janela com o servidor será aberta e você verá um QRcode (Android) e um endereço para usar no Expo Client e rodar o app.
Pronto!!!
Agora é com você. Personalize o código de acordo com as necessidades de seu aplicativo.
Estamos só começando. Avise se encontrar algum bug e informe se tiver a solução.