Agora nós testamos o aplicativo em um dispositivo real que é claro, muito legal e também incrível de vê-lo rodando lá, mas para
desenvolvimento, eu vou realmente usar um simulador que é um
dispositivo virtual rodando na minha máquina, simplesmente para que eu não constantemente tem que testar o aplicativo
no meu dispositivo real, eu gosto de tê-lo aqui, também facilita a gravação.
Provavelmente, você também desejará testar o aplicativo em um simulador em algum momento, por exemplo, porque provavelmente possui um
dispositivo Android ou iOS e também quer testar e ver seu aplicativo na outra plataforma ou se tiver
os dois dispositivos, Tenha um iPhone, você tem um telefone Android, mas você também quer testar seu aplicativo em
um iPhone mais antigo, em um dispositivo Android menor e com simuladores e emuladores, você pode lançar diferentes tipos de
dispositivos e testar o seu aplicativo lá. Para começar, vá para a seção de guias e clique em Acima
e em execução, não importa onde você clique, no final
você só precisa acessar os documentos. expo. io e lá
no fluxo de trabalho gerenciado, você pode clicar
no simulador iOS ou no emulador Android Studio e aprendeu a instalar o Android Studio
e depois iniciar um dispositivo virtual ou instalar o Xcode, que é o ambiente de desenvolvimento
da Apple e iniciar um simulador iOS. Importante, um simulador iOS só pode ser lançado em dispositivos MacOS
porque Xcode, uma ferramenta que você absolutamente precisa para isso não está disponível no Windows ou Linux, então você
não pode executar um simulador iOS no Windows ou Linux, você pode executar um Android Emulador de estúdio lá, no MacOS você pode
executar os dois.
Então, vamos agora instalar essas coisas e vamos começar com o emulador do
Android Studio, para isso, você primeiro precisa instalar o Android Studio. Para isso, você pode simplesmente procurar no Google por
Android Studio e encontrar desenvolvedor. Android. com / studio, basta
clicar lá e, em seguida, escolha o download do Android Studio e concorde com estes termos aqui.
Agora isso abrirá a janela de download e agora baixará o Android Studio, que é bastante grande
e, portanto, esse download pode demorar um pouco.
Agora estarei de volta assim que
o download terminar para continuar com a configuração. Então o download terminou para mim e com
isso, estou abrindo isso, agora estou no Mac aqui, mas também no Windows, basta clicar duas vezes no
arquivo baixado para iniciar o instalador e o instalador abrirá e guiará você alguns passos.
Agora nesse instalador, você pode simplesmente deixar todas as configurações padrão. Agora com o Android Studio instalado e a
instalação concluída, lançaremos em um segundo.
Agora, antes de lançar junto com você e percorrermos este primeiro passo, certifique-se de ter
essas configurações lá no MacOS e Linux configuradas corretamente.
Portanto, no Windows, você
deve fazer isso, mas no MacOS e no Linux, siga estas duas etapas,
que serão encontradas nos documentos oficiais para que tudo funcione corretamente. Agora, com isso, vamos iniciar o Android Studio, assim que você iniciá-lo,
você verá uma tela parecida com essa.
Lá, você pode clicar em configurar e escolher o gerenciador do SDK.
Agora, aqui no gerenciador de SDK, verifique se você tem um dos SDKs mais recentes instalados.
Agora, normalmente, você tem o SDK mais avançado que ainda está em beta, então no
meu caso é o nível 29q da Android API que ainda não tem nome oficial e a versão
estável mais recente, no meu caso pi, é a que você
deve instalar, o segundo item aqui nessa lista.
Assim, a primeira versão que tem um nome real, por
assim dizer, neste caso pi, certifique-se de que ela esteja
instalada simplesmente marcando-a aqui e depois de verificar, você pode clicar em aplicar lá
e isso será automaticamente baixado e instalado isto. Além de ter um SDK instalado, certifique-se que nas ferramentas
do SDK,
você tem o emulador Android instalado aqui, então simplesmente clique aqui, adicione uma marca de seleção aqui e as
ferramentas da plataforma SDK e as ferramentas SDK, que todos estes três são verificados aqui . Além disso, verifique o acelerador do emulador Intl 86 aqui e o Google Play Services.
Com todos os marcados, clique em aplicar e
agora novamente, isso irá solicitar e, em seguida, iniciar downloads de todos esses itens e
instalá-los em sua configuração Android aqui e você precisa de todas essas coisas instaladas para desenvolver aplicativos Android.
Então vamos aguardar este download e instalação terminarem aqui e com isso terminado, você está pronto aqui, você pode fechar isso
e o próximo passo, ainda nessa janela do Android Studio aqui, é que você clica em
configurar o gerenciador de AVD.
Este é o gerenciador que permite criar e lançar dispositivos virtuais.
Você vê que eu já tenho alguns dispositivos,
você pode ter nenhum, você sempre pode criar um novo no canto inferior esquerdo clicando em
criar dispositivo virtual e, em seguida, escolha um telefone aqui e você pode escolher qualquer imagem que você queira criar aqui diferentes
dispositivos de diferentes tamanhos.
Eu recomendo ir com um que tenha a Play Store instalada, que pode ajudar a testar certos recursos
que podemos precisar mais tarde, mas em
geral, você pode escolher qualquer imagem aqui que você quer, eu vou
com o pixel 2 aqui. Clique em seguida, escolha uma
versão do Android
que você deseja usar no dispositivo e lá,
eu usarei o mais recente, então
não o beta, nem o Q no meu caso, mas o mais recente, você pode
precisar baixá-lo Primeiro, essa imagem é independente dos SDKs que você
instalou há um segundo atrás, são imagens de dispositivos. Portanto, certifique-se de baixar o mais recente estável e selecione-o
depois, clique em Avançar.
Você pode deixar as configurações padrão
aqui, você poderia mergulhar em configurações avançadas se você realmente sabe o
que está fazendo, mas caso contrário, você pode deixar os padrões e clicar em terminar
e isso agora criará um novo emulador, no meu caso este aqui e você pode iniciar o
emulador clicando no botão play verde aqui e isso iniciará agora o emulador aqui que agora está sendo inicializado e, assim
que for inicializado, você poderá rodar seu aplicativo expo, seu aplicativo React Native, neste emulador.
Então, vamos esperar que
isso termine e deixe-me mostrar como iniciar seu aplicativo expo nesse emulador. Então o emulador acabou de inicializar e agora você
pode iniciar seu aplicativo neste emulador simplesmente indo para o seu projeto onde você pode ter seu processo
ainda rodando, se você sair dele,
você pode simplesmente reiniciar o npm start no seu projeto React Native expo.
Então é isso que eu estou fazendo aqui e está novamente iniciando as ferramentas expo dev no navegador aqui e agora aqui onde
nós previamente escaneamos este código QR, você pode pressionar rodar no dispositivo Android ou emulador e se você tem um emulador
instalado e rodando, Ele irá executar automaticamente o seu aplicativo lá ou no seu terminal aqui onde
você tem este processo de inicialização
do npm, você pode pressionar a para iniciar seu aplicativo no emulador.
Isso é o
que eu acabei de fazer, isso agora irá instalar o cliente expo
no emulador automaticamente, então você não precisa instalar ou instalar manualmente o cliente expo lá, é feito
para você e uma vez feito isso, ele constrói seu aplicativo e executa-o nesse dispositivo Android.
Então vamos esperar que isso termine,
aqui está, aqui está inicializando e sim clique ok aqui, você será perguntado se quer permitir a
exibição deste aplicativo na primeira vez que você iniciar isto. Ligue isso aqui, depois volte, vá para a gaveta de aplicativos aqui ou
para o gerenciador de tarefas e volte para o seu aplicativo aqui e agora aqui está o lançamento do seu aplicativo expo, está
construindo novamente o pacote Javascript na parte inferior e assim que estiver pronto, Ele lançará seu aplicativo de expo aqui e
somente a primeira compilação demorará bastante, as reconstruções subsequentes e as recargas rápidas, como você viu, são bem rápidas.
Então vamos aguardar essa compilação terminar e agora está terminando aqui e aqui, vemos nosso aplicativo. By the way, isso é bom, vimos isso
no
iPhone antes, pelo menos aqui nos vídeos.
Agora aqui está rodando no Android e o botão é um dos poucos componentes que
o React Native oferece, que ajusta automaticamente sua aparência para
a plataforma, o que
é muito legal e temos a mesma funcionalidade de antes e isso nos permite testar isso, não apenas no dispositivo
real, mas também em um
simulador e lá você pode simular qualquer dispositivo Android que você quiser, o que é claro, bastante útil.
Então, esse é o aplicativo executado em
um simulador Android e, durante esse curso, sempre mostrarei sempre como isso funciona e funciona em um emulador Android.
Agora vamos mergulhar na execução disso no iOS.