DEV Community

Jhony Walker
Jhony Walker

Posted on

2

React Native - Adicionando ícones em projeto CLI

Logo

O ícone do aplicativo é algo que reconhece exclusivamente seu aplicativo de milhares de outros por aí. Na maioria dos casos, o ícone do aplicativo pode ser o logotipo da empresa/produto ou então alguns símbolos especiais ou qualquer parte específica do nome/logo.

No android

A partir do Android 8.0, introduziu o conceito de ícones do iniciador adaptável este ícone pode se auto-alinhar dependendo do dispositivo ou aplicativo inicializador. O conceito de ícone de lançador adaptável é uma das muitas padronizações que o Android apresenta. Para alterar o ícone, você só precisa substituir os ícones atuais na pasta mipmap chamada ic_launcher e ic_launcher_round. Você pode encontrar o mesmo em AndroidManifest.xml dentro da tag do aplicativo. 'ic' em ic_launcher significa 'ícone' precisamos adicionar ícones em diferentes pastas 'mipmap' o diretório de acesso é o src/main/res/mipmap. De acordo com a resolução do telefone, o dispositivo escolherá o ícone a ser exibido.

Diretório Android

Medidas do ícone do Android
Tamanho: 512px x 512px
Formato: PNG de 32 bits Espaço de
cor: sRGB
Tamanho máximo do arquivo: 1024KB
Forma: Quadrado completo

No IOS

Também é um procedimento tranquilo de realizar, abra projectname.xcodeproj/projectname.xcworkspace no diretório raiz, clique na pasta chamada Images.xcassets.

IOS Diretório

Arraste e solte o ícone com a dimensão desejada e pronto!.
Medidas do ícone IOS
Formato: PNG
Espaço de cores: sRGB/P3
Camadas: achatadas sem transparência
Forma: Quadrada sem cantos arredondados.

Tem uma ferramenta incrível que pode ajudar a gerar as imagens dos logos no tamanho correto para ajudar nossa vida, para acessar basta clicar aqui

Fontes onde pesquisei esse conteúdo:

AWS GenAI LIVE image

How is generative AI increasing efficiency?

Join AWS GenAI LIVE! to find out how gen AI is reshaping productivity, streamlining processes, and driving innovation.

Learn more

Top comments (0)

AWS GenAI LIVE image

Real challenges. Real solutions. Real talk.

From technical discussions to philosophical debates, AWS and AWS Partners examine the impact and evolution of gen AI.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay