1
00:00:02,530 --> 00:00:07,990
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

2
00:00:07,990 --> 00:00:10,520
desenvolvimento, eu vou realmente usar um simulador que é um

3
00:00:16,270 --> 00:00:20,310
dispositivo virtual rodando na minha máquina, simplesmente para que eu não constantemente tem que testar o aplicativo

4
00:00:20,460 --> 00:00:23,660
no meu dispositivo real, eu gosto de tê-lo aqui, também facilita a gravação.

5
00:00:23,680 --> 00:00:29,680
Provavelmente, você também desejará testar o aplicativo em um simulador em algum momento, por exemplo, porque provavelmente possui um

6
00:00:29,680 --> 00:00:35,530
dispositivo Android ou iOS e também quer testar e ver seu aplicativo na outra plataforma ou se tiver

7
00:00:35,530 --> 00:00:41,410
os dois dispositivos, Tenha um iPhone, você tem um telefone Android, mas você também quer testar seu aplicativo em

8
00:00:41,410 --> 00:00:47,530
um iPhone mais antigo, em um dispositivo Android menor e com simuladores e emuladores, você pode lançar diferentes tipos de

9
00:00:47,680 --> 00:00:52,860
dispositivos e testar o seu aplicativo lá. Para começar, vá para a seção de guias e clique em Acima

10
00:00:52,870 --> 00:00:55,030
e em execução, não importa onde você clique, no final

11
00:00:55,030 --> 00:00:59,710
você só precisa acessar os documentos. expo. io e lá

12
00:00:59,740 --> 00:01:03,460
no fluxo de trabalho gerenciado, você pode clicar

13
00:01:03,520 --> 00:01:09,910
no simulador iOS ou no emulador Android Studio e aprendeu a instalar o Android Studio

14
00:01:10,000 --> 00:01:16,690
e depois iniciar um dispositivo virtual ou instalar o Xcode, que é o ambiente de desenvolvimento

15
00:01:16,900 --> 00:01:23,620
da Apple e iniciar um simulador iOS. Importante, um simulador iOS só pode ser lançado em dispositivos MacOS

16
00:01:23,710 --> 00:01:30,020
porque Xcode, uma ferramenta que você absolutamente precisa para isso não está disponível no Windows ou Linux, então você

17
00:01:30,040 --> 00:01:37,180
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

18
00:01:37,180 --> 00:01:38,510
executar os dois.

19
00:01:38,530 --> 00:01:41,710
Então, vamos agora instalar essas coisas e vamos começar com o emulador do

20
00:01:41,770 --> 00:01:47,650
Android Studio, para isso, você primeiro precisa instalar o Android Studio. Para isso, você pode simplesmente procurar no Google por

21
00:01:47,650 --> 00:01:53,080
Android Studio e encontrar desenvolvedor. Android. com / studio, basta

22
00:01:53,080 --> 00:02:00,550
clicar lá e, em seguida, escolha o download do Android Studio e concorde com estes termos aqui.

23
00:02:00,550 --> 00:02:05,090
Agora isso abrirá a janela de download e agora baixará o Android Studio, que é bastante grande

24
00:02:05,090 --> 00:02:07,280
e, portanto, esse download pode demorar um pouco.

25
00:02:07,360 --> 00:02:09,810
Agora estarei de volta assim que

26
00:02:09,920 --> 00:02:16,250
o download terminar para continuar com a configuração. Então o download terminou para mim e com

27
00:02:16,280 --> 00:02:22,490
isso, estou abrindo isso, agora estou no Mac aqui, mas também no Windows, basta clicar duas vezes no

28
00:02:22,490 --> 00:02:27,750
arquivo baixado para iniciar o instalador e o instalador abrirá e guiará você alguns passos.

29
00:02:27,810 --> 00:02:33,590
Agora nesse instalador, você pode simplesmente deixar todas as configurações padrão. Agora com o Android Studio instalado e a

30
00:02:33,590 --> 00:02:36,080
instalação concluída, lançaremos em um segundo.

31
00:02:36,080 --> 00:02:41,960
Agora, antes de lançar junto com você e percorrermos este primeiro passo, certifique-se de ter

32
00:02:41,960 --> 00:02:45,860
essas configurações lá no MacOS e Linux configuradas corretamente.

33
00:02:46,010 --> 00:02:47,780
Portanto, no Windows, você

34
00:02:47,840 --> 00:02:52,580
deve fazer isso, mas no MacOS e no Linux, siga estas duas etapas,

35
00:02:52,640 --> 00:03:00,170
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,

36
00:03:00,170 --> 00:03:02,640
você verá uma tela parecida com essa.

37
00:03:02,750 --> 00:03:07,580
Lá, você pode clicar em configurar e escolher o gerenciador do SDK.

38
00:03:07,610 --> 00:03:15,310
Agora, aqui no gerenciador de SDK, verifique se você tem um dos SDKs mais recentes instalados.

39
00:03:15,350 --> 00:03:20,180
Agora, normalmente, você tem o SDK mais avançado que ainda está em beta, então no

40
00:03:20,480 --> 00:03:26,150
meu caso é o nível 29q da Android API que ainda não tem nome oficial e a versão

41
00:03:26,390 --> 00:03:30,050
estável mais recente, no meu caso pi, é a que você

42
00:03:30,050 --> 00:03:33,170
deve instalar, o segundo item aqui nessa lista.

43
00:03:33,170 --> 00:03:37,190
Assim, a primeira versão que tem um nome real, por

44
00:03:37,190 --> 00:03:40,920
assim dizer, neste caso pi, certifique-se de que ela esteja

45
00:03:41,000 --> 00:03:46,460
instalada simplesmente marcando-a aqui e depois de verificar, você pode clicar em aplicar lá

46
00:03:46,460 --> 00:03:53,830
e isso será automaticamente baixado e instalado isto. Além de ter um SDK instalado, certifique-se que nas ferramentas

47
00:03:53,830 --> 00:03:54,640
do SDK,

48
00:03:54,640 --> 00:04:01,120
você tem o emulador Android instalado aqui, então simplesmente clique aqui, adicione uma marca de seleção aqui e as

49
00:04:01,120 --> 00:04:11,890
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.

50
00:04:13,110 --> 00:04:16,100
Com todos os marcados, clique em aplicar e

51
00:04:16,100 --> 00:04:21,300
agora novamente, isso irá solicitar e, em seguida, iniciar downloads de todos esses itens e

52
00:04:21,300 --> 00:04:27,600
instalá-los em sua configuração Android aqui e você precisa de todas essas coisas instaladas para desenvolver aplicativos Android.

53
00:04:27,600 --> 00:04:34,620
Então vamos aguardar este download e instalação terminarem aqui e com isso terminado, você está pronto aqui, você pode fechar isso

54
00:04:34,630 --> 00:04:40,300
e o próximo passo, ainda nessa janela do Android Studio aqui, é que você clica em

55
00:04:40,570 --> 00:04:42,410
configurar o gerenciador de AVD.

56
00:04:42,490 --> 00:04:46,750
Este é o gerenciador que permite criar e lançar dispositivos virtuais.

57
00:04:46,750 --> 00:04:49,120
Você vê que eu já tenho alguns dispositivos,

58
00:04:49,120 --> 00:04:53,830
você pode ter nenhum, você sempre pode criar um novo no canto inferior esquerdo clicando em

59
00:04:53,830 --> 00:05:00,070
criar dispositivo virtual e, em seguida, escolha um telefone aqui e você pode escolher qualquer imagem que você queira criar aqui diferentes

60
00:05:00,070 --> 00:05:01,340
dispositivos de diferentes tamanhos.

61
00:05:01,360 --> 00:05:06,310
Eu recomendo ir com um que tenha a Play Store instalada, que pode ajudar a testar certos recursos

62
00:05:06,310 --> 00:05:08,430
que podemos precisar mais tarde, mas em

63
00:05:08,440 --> 00:05:11,830
geral, você pode escolher qualquer imagem aqui que você quer, eu vou

64
00:05:11,860 --> 00:05:15,350
com o pixel 2 aqui. Clique em seguida, escolha uma

65
00:05:15,490 --> 00:05:17,150
versão do Android

66
00:05:17,170 --> 00:05:20,230
que você deseja usar no dispositivo e lá,

67
00:05:20,230 --> 00:05:22,500
eu usarei o mais recente, então

68
00:05:22,510 --> 00:05:28,110
não o beta, nem o Q no meu caso, mas o mais recente, você pode

69
00:05:28,120 --> 00:05:32,350
precisar baixá-lo Primeiro, essa imagem é independente dos SDKs que você

70
00:05:32,350 --> 00:05:38,730
instalou há um segundo atrás, são imagens de dispositivos. Portanto, certifique-se de baixar o mais recente estável e selecione-o

71
00:05:39,040 --> 00:05:40,420
depois, clique em Avançar.

72
00:05:40,420 --> 00:05:42,600
Você pode deixar as configurações padrão

73
00:05:42,610 --> 00:05:46,680
aqui, você poderia mergulhar em configurações avançadas se você realmente sabe o

74
00:05:46,700 --> 00:05:51,520
que está fazendo, mas caso contrário, você pode deixar os padrões e clicar em terminar

75
00:05:51,610 --> 00:05:57,250
e isso agora criará um novo emulador, no meu caso este aqui e você pode iniciar o

76
00:05:57,250 --> 00:06:04,200
emulador clicando no botão play verde aqui e isso iniciará agora o emulador aqui que agora está sendo inicializado e, assim

77
00:06:04,200 --> 00:06:09,180
que for inicializado, você poderá rodar seu aplicativo expo, seu aplicativo React Native, neste emulador.

78
00:06:09,180 --> 00:06:10,530
Então, vamos esperar que

79
00:06:10,530 --> 00:06:17,420
isso termine e deixe-me mostrar como iniciar seu aplicativo expo nesse emulador. Então o emulador acabou de inicializar e agora você

80
00:06:18,890 --> 00:06:25,640
pode iniciar seu aplicativo neste emulador simplesmente indo para o seu projeto onde você pode ter seu processo

81
00:06:25,640 --> 00:06:28,190
ainda rodando, se você sair dele,

82
00:06:28,220 --> 00:06:33,020
você pode simplesmente reiniciar o npm start no seu projeto React Native expo.

83
00:06:33,020 --> 00:06:39,930
Então é isso que eu estou fazendo aqui e está novamente iniciando as ferramentas expo dev no navegador aqui e agora aqui onde

84
00:06:39,930 --> 00:06:46,530
nós previamente escaneamos este código QR, você pode pressionar rodar no dispositivo Android ou emulador e se você tem um emulador

85
00:06:46,530 --> 00:06:51,870
instalado e rodando, Ele irá executar automaticamente o seu aplicativo lá ou no seu terminal aqui onde

86
00:06:51,870 --> 00:06:54,120
você tem este processo de inicialização

87
00:06:54,120 --> 00:06:57,720
do npm, você pode pressionar a para iniciar seu aplicativo no emulador.

88
00:06:57,750 --> 00:06:58,950
Isso é o

89
00:06:59,100 --> 00:07:02,850
que eu acabei de fazer, isso agora irá instalar o cliente expo

90
00:07:02,880 --> 00:07:07,750
no emulador automaticamente, então você não precisa instalar ou instalar manualmente o cliente expo lá, é feito

91
00:07:07,830 --> 00:07:12,540
para você e uma vez feito isso, ele constrói seu aplicativo e executa-o nesse dispositivo Android.

92
00:07:12,570 --> 00:07:15,060
Então vamos esperar que isso termine,

93
00:07:15,060 --> 00:07:21,610
aqui está, aqui está inicializando e sim clique ok aqui, você será perguntado se quer permitir a

94
00:07:21,610 --> 00:07:29,800
exibição deste aplicativo na primeira vez que você iniciar isto. Ligue isso aqui, depois volte, vá para a gaveta de aplicativos aqui ou

95
00:07:29,800 --> 00:07:36,460
para o gerenciador de tarefas e volte para o seu aplicativo aqui e agora aqui está o lançamento do seu aplicativo expo, está

96
00:07:36,460 --> 00:07:42,490
construindo novamente o pacote Javascript na parte inferior e assim que estiver pronto, Ele lançará seu aplicativo de expo aqui e

97
00:07:42,490 --> 00:07:48,240
somente a primeira compilação demorará bastante, as reconstruções subsequentes e as recargas rápidas, como você viu, são bem rápidas.

98
00:07:48,520 --> 00:07:55,960
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

99
00:07:55,960 --> 00:07:57,130
no

100
00:07:57,130 --> 00:08:00,700
iPhone antes, pelo menos aqui nos vídeos.

101
00:08:00,700 --> 00:08:05,440
Agora aqui está rodando no Android e o botão é um dos poucos componentes que

102
00:08:05,470 --> 00:08:08,410
o React Native oferece, que ajusta automaticamente sua aparência para

103
00:08:08,410 --> 00:08:09,940
a plataforma, o que

104
00:08:09,940 --> 00:08:15,820
é muito legal e temos a mesma funcionalidade de antes e isso nos permite testar isso, não apenas no dispositivo

105
00:08:15,850 --> 00:08:17,560
real, mas também em um

106
00:08:17,590 --> 00:08:23,020
simulador e lá você pode simular qualquer dispositivo Android que você quiser, o que é claro, bastante útil.

107
00:08:23,020 --> 00:08:25,500
Então, esse é o aplicativo executado em

108
00:08:25,510 --> 00:08:31,540
um simulador Android e, durante esse curso, sempre mostrarei sempre como isso funciona e funciona em um emulador Android.

109
00:08:31,540 --> 00:08:34,390
Agora vamos mergulhar na execução disso no iOS.