DEV Community

Jhony Walker
Jhony Walker

Posted on

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:

Top comments (0)