Imagem de Capa

Como Alterar o Ícone do React Native no Android

Aprenda como personalizar o ícone do seu aplicativo React Native.

By João Paulo Siqueira At Thu Dec 30 2021 22:39:01 GMT+0000 (Coordinated Universal Time)

#reactnative

O seu aplicativo precisa executar em vários dispositivos que possuem vários tipos e tamanhos de telas, e para isso, você precisa criar vários ícones de tamanhos diferentes.

A forma mais fácil de gerar esses ícones é pelo site Android Asset Studio, nele você pode criar um ícone do zero ou carregar uma imagem de 512x512 ou de 1024x1024 pixels de tamanho.

Para gerar os ícones quadrados (O campo Shape com o valor Square) utilize o nome ic_launcher e para gerar os ícones arredondados (O campo Shape com o valor Circle) utilize o nome ic_launcher_round.

Após baixar os arquivos ic_launcher.zip e ic_launcher_round.zip, extraia a pasta res dos dois arquivos zips no mesmo diretório. Isso faz com que as imagens ic_launcher.png e ic_launcher_round.png fiquem organizadas dentro das mesmas pastas.

Agora vá até o seu projeto React Native e copie a pasta res para dentro do diretório:

AwesomeProject\android\app\src\main

Por fim, confirme para substituir os arquivos.

Com isso, o seu aplicativo já está com os ícones novos, mas lembre de desinstalar o aplicativo antigo antes de instalar o novo, pois pode ser que o Android não atualize automaticamente os ícones.