Antes de continuarmos com o processo de compilação ou publicação e, portanto, levá-lo às lojas de aplicativos,
vamos continuar configurando isso.
Agora, por um lado, há alguns espaços em branco aqui, como a descrição que está faltando, que
você pode adicionar
adicionando uma chave de descrição aqui com algum texto e essa seria a descrição que aparece aqui.
Importante, essa não é uma descrição que aparece
nas lojas de aplicativos, é apenas uma descrição que aparece aqui e você pode
aprender mais sobre a descrição, todas as outras chaves que você pode definir aqui nesta página.
Afinal, existem muitas configurações que você pode definir.
Agora, o que me interessa agora é a parte do ícone e da tela inicial, porque é o ícone
que as pessoas verão na tela
inicial, é claro que ainda não, porque agora não estamos publicando os aplicativos na App Store, mas isso
mudará e a
tela inicial, é isso que os usuários veem
quando o aplicativo é carregado e ambos são coisas que você normalmente deseja personalizar.
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
isso não é muito surpreendente. Em vez disso,
queremos fornecer nosso próprio ícone, nossa própria imagem da tela inicial aqui.
Agora você é realmente flexível em relação ao que fornece aqui, mas, em geral,
é uma boa idéia fornecer um ícone na resolução 1024 x 1024; portanto,
um ícone quadrado como entrada e para a tela inicial, você pode criar uma tela inicial como descrito nos documentos
oficiais, onde você pode aprender mais sobre como criar uma tela inicial,
como estruturá-la e assim por diante.
Agora eu preparei algo para você que você pode seguir agora e que não deve ser usado para implantação real,
porque esses recursos são apenas para este curso, não para você usar no aplicativo que planeja implantar
e para os anexos que encontrar os ícones arquivo zip.
Agora, se você descompactar isso, encontrará um lugar. arquivo png que você pode arrastar e soltar na pasta
de ativos, também
é possível excluir o ícone. arquivo png lá, se quiser.
Você também pode excluir o splash. png porque nesta pasta anexada, você também
encontrará este ícone inicial. arquivo png que você pode, é claro, também arrastar e soltar aqui.
Agora, esses são apenas alguns ícones que eu criei que podemos usar agora
e de volta ao aplicativo. arquivo json, agora podemos apontar para os ícones personalizados. Importante, você deve fornecer
arquivos png como eu faço aqui.
Agora, para o ícone, podemos apontar para ativos / locais. png e para o splash, podemos
apontar para assets / splash_icon. png. Agora, como uma cor de plano de fundo, podemos
usar uma cor
preta escura como o código hexadecimal # 171717, essa deve ser uma cor de código hexadecimal assim e o modo de redimensionamento aqui
pode ser definido para conter ou cobrir, a capa basicamente esticará o ícone para a largura e a
altura totais disponíveis manterão o tamanho do ícone, centralizarão e terão a cor de fundo atrás do ícone.
Agora, se fizermos isso, já podemos ver o resultado disso,
se apenas iniciarmos isso, então o servidor, como fizemos muitas vezes neste curso ou expo, e o iniciaremos em um emulador, Android
ou iOS novamente, como eu estou fazendo isso aqui. Agora isso o lança lá e agora você vê, esta é a tela
inicial que já está pegando uma nova, com a imagem lá que é nossa grande, mas que é de
propósito, para que possamos vê-la claramente e a cor de fundo um pouco diferente, então que
você também tem a chance de ver que, é claro, você pode escolher a mesma cor
para ter uma tela inicial perfeita aqui.
Então, isso está funcionando e vamos esperar que isso termine,
e aqui está o aplicativo em execução e agora você também verá seu ícone
aqui, se entrar no alternador de tarefas. Você vê que não parece tão bom com o
plano de fundo, mas isso é
algo que podemos melhorar, mas aqui está o ícone em geral, para que funcione, vemos a tela inicial e o ícone e no
iOS seria o mesmo. Agora, como você pode
ver, o ícone não parece tão bom no Android.
A razão para isso é que o Android, dependendo da versão do Android que você está
executando no seu dispositivo, usa ícones diferentes. As versões mais recentes do Android usam esses chamados ícones adaptativos, que são esses
ícones arredondados, nos quais você tem o ícone no meio e, em seguida, com alguma cor de fundo
ou uma imagem de fundo mesmo
atrás deles, as versões mais antigas usariam ícones quadrados.
Agora você pode atender a isso fornecendo uma configuração mais detalhada para o Android e
também para o iOS, se desejar. Em vez de ter essa chave geral de ícone aqui, você pode definir configurações específicas
da plataforma e também é algo que aprendeu nos documentos oficiais, é claro.
Lá, você pode encontrar informações sobre como configurar o respingo de ícone, o que é legal,
mas também como você pode configurar o iOS de uma maneira específica e,
lá, você pode configurar um ícone específico para o iOS, se desejar usar isso.
É claro que o mesmo se aplica à tela inicial, para que você possa basicamente adicionar um nó
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
seja exatamente ou qual seria exatamente igual à configuração raiz que temos aqui, mas agora
você pode substituir essas configurações gerais de nível raiz e ter um ícone específico para iOS e
uma tela inicial específica para iOS.
Então isso é algo que você pode fazer e o mesmo vale para o Android, e é claro que você também encontra
isso nos documentos oficiais.
Você pode adicionar uma chave Android aqui ao seu aplicativo. arquivo json e, em seguida, este contém um objeto,
por exemplo, lá você também pode definir um ícone e uma configuração de splash, como expliquei para iOS e
agora essas configurações seriam feitas para Android, iOS, pois
não possui configurações específicas no meu exemplo aqui ainda usaria as configurações gerais lá
em cima.
Agora, o interessante é para o Android, você não pode apenas definir uma tela inicial
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
porque os ícones adaptativos são exclusivos do Android.
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
chaves: uma imagem de primeiro plano, uma cor de segundo plano ou uma imagem de segundo plano.
Agora você tem uma cor de fundo ou uma imagem de fundo, mas sempre deve ter uma imagem
em primeiro plano.
Agora, aqui podemos adicionar uma imagem em primeiro plano; portanto, essa chave aqui e a
cor do plano de fundo, que devem ser um código hexadecimal de seis dígitos, como você pode ver, vamos fazer
isso rapidamente aqui e agora podemos definir a cor do plano de fundo, digamos que o código # 171717
e o Agora, a imagem em primeiro plano pode ser definida como nosso ícone, embora, para
isso, eu recomendo que você use um ícone específico
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
aqui como uma imagem em primeiro plano, para que possamos apontar para os ativos e depois adaptá-los
aos locais. png.
Agora, esse ícone, o ícone adaptável a locais, é transparente, ainda é o ícone, mas
possui um plano de fundo transparente, diferente do outro ícone e, portanto, permitirá que
o Android o coloque na frente dessa cor ou imagem de fundo que você forneceu
e automaticamente virar as esquinas para você e assim por diante.
Portanto, se agora salvarmos isso e isso for reconstruído e para garantir que realmente leve isso em consideração,
reiniciaremos meu servidor expo aqui.
Se agora lançarmos isso no Android e para isso também fechar o cliente expo aqui
e executá-lo novamente no
Android, veremos que, uma vez reiniciado, agora teremos
um ícone melhor que parece um pouco melhor.
Então, vamos aguardar o lançamento,
essa ainda é a tela inicial, como configuramos anteriormente, eu também não defini uma tela inicial específica do Android que é claro
que poderíamos, mas aqui não o fiz, então
é claro que temos o mesmo tela inicial, como anteriormente neste módulo, e se você agora
der uma olhada no ícone, infelizmente ainda poderá ver o antigo. O novo será levado em consideração, uma
vez que criamos este aplicativo como um aplicativo independente e o distribuímos nas lojas de aplicativos.
Em geral, a recomendação é que, para o Android, você defina um ícone tão adaptável porque
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,
é
claro, podemos usar um e o mesmo ícone para iOS e Android ou definir ícones específicos para
iOS e Android, conforme mencionado no Android, possivelmente, o ícone adaptável. Se você quiser saber mais sobre o processo de
criação e gerenciamento de ícones e telas de apresentação, em anexo, você encontrará os documentos oficiais
da exposição, que se aprofundam nas diferentes opções que você tem e o que deve considerar.