1
00:00:02,520 --> 00:00:08,550
Antes de continuarmos com o processo de compilação ou publicação e, portanto, levá-lo às lojas de aplicativos,

2
00:00:08,550 --> 00:00:10,300
vamos continuar configurando isso.

3
00:00:10,300 --> 00:00:15,330
Agora, por um lado, há alguns espaços em branco aqui, como a descrição que está faltando, que

4
00:00:15,330 --> 00:00:16,440
você pode adicionar

5
00:00:16,440 --> 00:00:21,540
adicionando uma chave de descrição aqui com algum texto e essa seria a descrição que aparece aqui.

6
00:00:21,660 --> 00:00:24,640
Importante, essa não é uma descrição que aparece

7
00:00:24,640 --> 00:00:28,950
nas lojas de aplicativos, é apenas uma descrição que aparece aqui e você pode

8
00:00:28,950 --> 00:00:34,200
aprender mais sobre a descrição, todas as outras chaves que você pode definir aqui nesta página.

9
00:00:34,230 --> 00:00:37,110
Afinal, existem muitas configurações que você pode definir.

10
00:00:37,110 --> 00:00:42,780
Agora, o que me interessa agora é a parte do ícone e da tela inicial, porque é o ícone

11
00:00:42,780 --> 00:00:44,610
que as pessoas verão na tela

12
00:00:44,610 --> 00:00:49,920
inicial, é claro que ainda não, porque agora não estamos publicando os aplicativos na App Store, mas isso

13
00:00:50,700 --> 00:00:51,670
mudará e a

14
00:00:51,690 --> 00:00:54,140
tela inicial, é isso que os usuários veem

15
00:00:54,330 --> 00:00:58,620
quando o aplicativo é carregado e ambos são coisas que você normalmente deseja personalizar.

16
00:00:58,680 --> 00:01:05,810
Agora, o expo oferece um ícone e uma tela inicial prontos para uso, mas ambos são apenas espaços reservados vazios, certo, então

17
00:01:05,820 --> 00:01:08,720
isso não é muito surpreendente. Em vez disso,

18
00:01:08,730 --> 00:01:12,590
queremos fornecer nosso próprio ícone, nossa própria imagem da tela inicial aqui.

19
00:01:12,600 --> 00:01:17,850
Agora você é realmente flexível em relação ao que fornece aqui, mas, em geral,

20
00:01:17,850 --> 00:01:22,840
é uma boa idéia fornecer um ícone na resolução 1024 x 1024; portanto,

21
00:01:22,890 --> 00:01:30,720
um ícone quadrado como entrada e para a tela inicial, você pode criar uma tela inicial como descrito nos documentos

22
00:01:30,720 --> 00:01:35,550
oficiais, onde você pode aprender mais sobre como criar uma tela inicial,

23
00:01:35,550 --> 00:01:38,520
como estruturá-la e assim por diante.

24
00:01:38,520 --> 00:01:45,600
Agora eu preparei algo para você que você pode seguir agora e que não deve ser usado para implantação real,

25
00:01:45,660 --> 00:01:51,930
porque esses recursos são apenas para este curso, não para você usar no aplicativo que planeja implantar

26
00:01:51,930 --> 00:01:57,870
e para os anexos que encontrar os ícones arquivo zip.

27
00:01:58,000 --> 00:02:04,270
Agora, se você descompactar isso, encontrará um lugar. arquivo png que você pode arrastar e soltar na pasta

28
00:02:04,270 --> 00:02:05,500
de ativos, também

29
00:02:05,500 --> 00:02:08,840
é possível excluir o ícone. arquivo png lá, se quiser.

30
00:02:08,890 --> 00:02:15,460
Você também pode excluir o splash. png porque nesta pasta anexada, você também

31
00:02:15,580 --> 00:02:19,720
encontrará este ícone inicial. arquivo png que você pode, é claro, também arrastar e soltar aqui.

32
00:02:19,720 --> 00:02:24,030
Agora, esses são apenas alguns ícones que eu criei que podemos usar agora

33
00:02:24,280 --> 00:02:29,590
e de volta ao aplicativo. arquivo json, agora podemos apontar para os ícones personalizados. Importante, você deve fornecer

34
00:02:29,600 --> 00:02:31,720
arquivos png como eu faço aqui.

35
00:02:31,720 --> 00:02:38,170
Agora, para o ícone, podemos apontar para ativos / locais. png e para o splash, podemos

36
00:02:38,260 --> 00:02:46,840
apontar para assets / splash_icon. png. Agora, como uma cor de plano de fundo, podemos

37
00:02:46,840 --> 00:02:47,940
usar uma cor

38
00:02:48,010 --> 00:02:55,180
preta escura como o código hexadecimal # 171717, essa deve ser uma cor de código hexadecimal assim e o modo de redimensionamento aqui

39
00:02:55,180 --> 00:03:00,610
pode ser definido para conter ou cobrir, a capa basicamente esticará o ícone para a largura e a

40
00:03:00,610 --> 00:03:06,190
altura totais disponíveis manterão o tamanho do ícone, centralizarão e terão a cor de fundo atrás do ícone.

41
00:03:06,190 --> 00:03:10,090
Agora, se fizermos isso, já podemos ver o resultado disso,

42
00:03:10,240 --> 00:03:18,730
se apenas iniciarmos isso, então o servidor, como fizemos muitas vezes neste curso ou expo, e o iniciaremos em um emulador, Android

43
00:03:18,730 --> 00:03:26,010
ou iOS novamente, como eu estou fazendo isso aqui. Agora isso o lança lá e agora você vê, esta é a tela

44
00:03:26,200 --> 00:03:31,510
inicial que já está pegando uma nova, com a imagem lá que é nossa grande, mas que é de

45
00:03:31,520 --> 00:03:35,920
propósito, para que possamos vê-la claramente e a cor de fundo um pouco diferente, então que

46
00:03:35,920 --> 00:03:40,180
você também tem a chance de ver que, é claro, você pode escolher a mesma cor

47
00:03:40,180 --> 00:03:42,480
para ter uma tela inicial perfeita aqui.

48
00:03:42,520 --> 00:03:45,510
Então, isso está funcionando e vamos esperar que isso termine,

49
00:03:45,710 --> 00:03:50,160
e aqui está o aplicativo em execução e agora você também verá seu ícone

50
00:03:50,170 --> 00:03:55,240
aqui, se entrar no alternador de tarefas. Você vê que não parece tão bom com o

51
00:03:55,240 --> 00:03:56,720
plano de fundo, mas isso é

52
00:03:56,740 --> 00:04:02,740
algo que podemos melhorar, mas aqui está o ícone em geral, para que funcione, vemos a tela inicial e o ícone e no

53
00:04:02,770 --> 00:04:05,610
iOS seria o mesmo. Agora, como você pode

54
00:04:05,610 --> 00:04:08,230
ver, o ícone não parece tão bom no Android.

55
00:04:08,250 --> 00:04:13,260
A razão para isso é que o Android, dependendo da versão do Android que você está

56
00:04:13,650 --> 00:04:20,310
executando no seu dispositivo, usa ícones diferentes. As versões mais recentes do Android usam esses chamados ícones adaptativos, que são esses

57
00:04:20,310 --> 00:04:25,980
ícones arredondados, nos quais você tem o ícone no meio e, em seguida, com alguma cor de fundo

58
00:04:25,980 --> 00:04:28,060
ou uma imagem de fundo mesmo

59
00:04:28,110 --> 00:04:30,900
atrás deles, as versões mais antigas usariam ícones quadrados.

60
00:04:30,900 --> 00:04:38,930
Agora você pode atender a isso fornecendo uma configuração mais detalhada para o Android e

61
00:04:39,000 --> 00:04:45,770
também para o iOS, se desejar. Em vez de ter essa chave geral de ícone aqui, você pode definir configurações específicas

62
00:04:45,770 --> 00:04:48,800
da plataforma e também é algo que aprendeu nos documentos oficiais, é claro.

63
00:04:48,870 --> 00:04:55,380
Lá, você pode encontrar informações sobre como configurar o respingo de ícone, o que é legal,

64
00:04:55,380 --> 00:05:01,150
mas também como você pode configurar o iOS de uma maneira específica e,

65
00:05:01,260 --> 00:05:07,310
lá, você pode configurar um ícone específico para o iOS, se desejar usar isso.

66
00:05:07,480 --> 00:05:13,710
É claro que o mesmo se aplica à tela inicial, para que você possa basicamente adicionar um nó

67
00:05:13,720 --> 00:05:21,910
iOS à sua configuração, já temos isso aqui e ali, você também pode adicionar um ícone e, em seguida, uma configuração inicial que

68
00:05:21,910 --> 00:05:27,450
seja exatamente ou qual seria exatamente igual à configuração raiz que temos aqui, mas agora

69
00:05:27,520 --> 00:05:33,730
você pode substituir essas configurações gerais de nível raiz e ter um ícone específico para iOS e

70
00:05:33,730 --> 00:05:36,170
uma tela inicial específica para iOS.

71
00:05:36,190 --> 00:05:41,620
Então isso é algo que você pode fazer e o mesmo vale para o Android, e é claro que você também encontra

72
00:05:41,620 --> 00:05:42,820
isso nos documentos oficiais.

73
00:05:43,000 --> 00:05:49,050
Você pode adicionar uma chave Android aqui ao seu aplicativo. arquivo json e, em seguida, este contém um objeto,

74
00:05:49,060 --> 00:05:55,780
por exemplo, lá você também pode definir um ícone e uma configuração de splash, como expliquei para iOS e

75
00:05:55,840 --> 00:05:58,900
agora essas configurações seriam feitas para Android, iOS, pois

76
00:05:59,140 --> 00:06:04,120
não possui configurações específicas no meu exemplo aqui ainda usaria as configurações gerais lá

77
00:06:04,120 --> 00:06:05,190
em cima.

78
00:06:05,200 --> 00:06:10,690
Agora, o interessante é para o Android, você não pode apenas definir uma tela inicial

79
00:06:10,780 --> 00:06:18,580
de ícone específico, também pode definir um ícone adaptável aqui com a configuração de ícone adaptável, que não está disponível para iOS

80
00:06:18,580 --> 00:06:21,820
porque os ícones adaptativos são exclusivos do Android.

81
00:06:21,820 --> 00:06:29,450
O ícone adaptável usa um objeto Javascript como um valor de configuração, não uma sequência e esse objeto pode ter três

82
00:06:29,680 --> 00:06:35,950
chaves: uma imagem de primeiro plano, uma cor de segundo plano ou uma imagem de segundo plano.

83
00:06:35,950 --> 00:06:40,960
Agora você tem uma cor de fundo ou uma imagem de fundo, mas sempre deve ter uma imagem

84
00:06:40,960 --> 00:06:41,850
em primeiro plano.

85
00:06:41,890 --> 00:06:46,780
Agora, aqui podemos adicionar uma imagem em primeiro plano; portanto, essa chave aqui e a

86
00:06:46,780 --> 00:06:53,410
cor do plano de fundo, que devem ser um código hexadecimal de seis dígitos, como você pode ver, vamos fazer

87
00:06:53,520 --> 00:06:59,590
isso rapidamente aqui e agora podemos definir a cor do plano de fundo, digamos que o código # 171717

88
00:06:59,590 --> 00:07:04,750
e o Agora, a imagem em primeiro plano pode ser definida como nosso ícone, embora, para

89
00:07:04,750 --> 00:07:07,900
isso, eu recomendo que você use um ícone específico

90
00:07:08,020 --> 00:07:16,990
que também encontra anexado aqui, o local adaptável. arquivo png que você pode arrastar e soltar na pasta de ativos e que é adaptável a locais. O arquivo png agora pode ser usado

91
00:07:17,410 --> 00:07:23,800
aqui como uma imagem em primeiro plano, para que possamos apontar para os ativos e depois adaptá-los

92
00:07:23,830 --> 00:07:25,630
aos locais. png.

93
00:07:25,690 --> 00:07:30,550
Agora, esse ícone, o ícone adaptável a locais, é transparente, ainda é o ícone, mas

94
00:07:30,550 --> 00:07:34,990
possui um plano de fundo transparente, diferente do outro ícone e, portanto, permitirá que

95
00:07:34,990 --> 00:07:39,640
o Android o coloque na frente dessa cor ou imagem de fundo que você forneceu

96
00:07:39,640 --> 00:07:43,650
e automaticamente virar as esquinas para você e assim por diante.

97
00:07:43,660 --> 00:07:51,400
Portanto, se agora salvarmos isso e isso for reconstruído e para garantir que realmente leve isso em consideração,

98
00:07:51,430 --> 00:07:53,910
reiniciaremos meu servidor expo aqui.

99
00:07:54,040 --> 00:08:00,370
Se agora lançarmos isso no Android e para isso também fechar o cliente expo aqui

100
00:08:03,390 --> 00:08:05,490
e executá-lo novamente no

101
00:08:05,490 --> 00:08:08,990
Android, veremos que, uma vez reiniciado, agora teremos

102
00:08:09,000 --> 00:08:12,540
um ícone melhor que parece um pouco melhor.

103
00:08:12,600 --> 00:08:14,060
Então, vamos aguardar o lançamento,

104
00:08:14,070 --> 00:08:19,560
essa ainda é a tela inicial, como configuramos anteriormente, eu também não defini uma tela inicial específica do Android que é claro

105
00:08:19,560 --> 00:08:21,700
que poderíamos, mas aqui não o fiz, então

106
00:08:21,720 --> 00:08:25,810
é claro que temos o mesmo tela inicial, como anteriormente neste módulo, e se você agora

107
00:08:26,110 --> 00:08:31,440
der uma olhada no ícone, infelizmente ainda poderá ver o antigo. O novo será levado em consideração, uma

108
00:08:31,440 --> 00:08:37,320
vez que criamos este aplicativo como um aplicativo independente e o distribuímos nas lojas de aplicativos.

109
00:08:38,100 --> 00:08:43,110
Em geral, a recomendação é que, para o Android, você defina um ícone tão adaptável porque

110
00:08:43,110 --> 00:08:49,470
cobre mais versões do Android que não prejudicam, é claro. Definir um ícone tão geral também não é uma má idéia e,

111
00:08:49,470 --> 00:08:50,040
é

112
00:08:50,070 --> 00:08:54,780
claro, podemos usar um e o mesmo ícone para iOS e Android ou definir ícones específicos para

113
00:08:54,810 --> 00:09:01,110
iOS e Android, conforme mencionado no Android, possivelmente, o ícone adaptável. Se você quiser saber mais sobre o processo de

114
00:09:01,110 --> 00:09:06,180
criação e gerenciamento de ícones e telas de apresentação, em anexo, você encontrará os documentos oficiais

115
00:09:06,180 --> 00:09:11,160
da exposição, que se aprofundam nas diferentes opções que você tem e o que deve considerar.