Para isso, vou criar um novo projeto novamente com expo, expo init e, em seguida, um nome de sua
escolha e eu vou chamá-lo de rn-complete-guide, porque no final, este é um guia completo de React Native
que você Cheguei aqui e vou começar com o modelo em branco aqui,
para que a primeira opção no meu caso aqui. Em relação ao nome, eu vou nomear este guia, mas
você pode escolher qualquer nome que quiser aqui, simplesmente aperte enter e eu vou com npm, não com fio e agora como na primeira seção
do curso, isso criará um novo projetar e configurar um aplicativo Reagir Nativa lá.
Então, vamos esperar que isso termine e com ele terminado, você
pode seguir estas instruções, mas eu não farei isso aqui, ao invés disso eu estou de volta no Visual Studio Code, ainda
com meu primeiro aplicativo da primeira seção aberta e eu abra o novo agora, aquele
que acabamos de criar e aqui está o projeto aberto no Visual Studio Code.
Eu andei por todos os arquivos e pastas principais que temos aqui no primeiro módulo do curso,
então eu não
vou repetir isso aqui e com isso aberto aqui no Visual Studio Code, eu vou agora realmente ir para o menu
e então escolher terminal , novo terminal para abrir o terminal do sistema ou o prompt de comando do sistema, dependendo de qual
sistema operacional você está trabalhando aqui no IDE, então esse
é o seu prompt de comando normal, seu terminal normal apenas integrado ao IDE e já navegado para essa pasta do projeto
, então você não precisa usar o cd para navegar em qualquer outro lugar e agora
aqui eu vou rodar o npm start e isso vai fazer o mesmo como se
eu tivesse rodado aqui, a diferença é agora eu sempre vejo erros ou alguma mensagem de log diretamente aqui no IDE que é
mais conveniente para trabalhar.
Ainda temos esse processo que você deve continuar executando para obter essas atualizações ao vivo quando salvar algo.
Você vê os comandos que você pode digitar aqui ou os atalhos que você pode pressionar para iniciar
seu aplicativo em emuladores e você também tem essa aba do navegador para cima e executando aqui para o seu aplicativo, as ferramentas expo dev.
Agora eu tenho dois emuladores funcionando aqui, Android e iOS, você não precisa disso, claro, mas eu
quero mostrar a você como este
aplicativo roda em ambos e eu posso rodar este aplicativo no Android pressionando um aqui no terminal e Também posso executá-lo no iOS,
pressionando eu e eu fiz os dois aqui.
Alternativamente, poderíamos ter usado esses botões aqui nas ferramentas expo dev no navegador.
Então agora isso está lançando o aplicativo aqui nesses dispositivos, no simulador Android e iOS, e
voltarei quando terminar, pois o primeiro lançamento sempre
demora um pouco mais, as reconstruções subsequentes, as recargas são muito mais rápidas, claro, e aqui, nós começamos aquele aplicativo
inicial rodando nesses emuladores.
Agora, caso isso pareça um pouco diferente para você, anexado você encontra meu projeto inicial exatamente da mesma maneira que
eu tenho aqui para que você possa usar isso, substituir
os arquivos em seu projeto pelo meu
e então se você executar o npm start, obtenha este olhar aqui.
Então este é o projeto inicial que vamos construir agora e vamos trabalhar agora.