Definindo os ícones do iniciador como um desenvolvedor nativo
Estava com problemas para usar e entender o pacote flutter_launcher_icons . Esta resposta é como você faria se estivesse criando um aplicativo para Android ou iOS nativamente. É bem rápido e fácil depois que você o faz algumas vezes.
Android
Os ícones do iniciador do Android têm uma camada de primeiro e de segundo plano.
(imagem adaptada da documentação do Android )
A maneira mais fácil de criar ícones do iniciador para Android é usar o Asset Studio, disponível no Android Studio. Você nem precisa sair do seu projeto Flutter. (Usuários do VS Code, considere usar o Android Studio apenas para esta etapa. É realmente muito conveniente e não faz mal estar familiarizado com outro IDE.)
Clique com o botão direito do mouse na android
pasta no esboço do projeto. Vá para Novo> Ativo da imagem . (Tente clicar com o botão direito do mouse na android/app
pasta se não vir o recurso de imagem como uma opção.) Agora você pode selecionar uma imagem para criar o ícone do iniciador.
Nota: Eu normalmente uso uma 1024x1024
imagem de pixel, mas você certamente não deve usar nada menor que isso 512x512
. Se você estiver usando o Gimp ou o Inkscape, deverá ter duas camadas, uma para o primeiro plano e outra para o segundo plano. A imagem em primeiro plano deve ter áreas transparentes para mostrar a camada de segundo plano.
(clipart de leão daqui )
Isso substituirá os ícones atuais do iniciador. Você pode encontrar os ícones gerados nas mipmap
pastas:
Se você preferir criar os ícones do iniciador manualmente, consulte esta resposta para obter ajuda.
Por fim, verifique se o nome do ícone do iniciador no AndroidManifest é igual ao que você chamou acima ( ic_launcher
por padrão):
application android:icon="@mipmap/ic_launcher"
Execute o aplicativo no emulador para confirmar que o ícone do iniciador foi criado com sucesso.
iOS
Eu sempre costumava redimensionar meus ícones do iOS manualmente, mas se você tem um Mac, há um aplicativo gratuito na Mac App Store chamado Icon Set Creator . Você fornece uma imagem (de pelo menos 1024x1024
pixels) e ela cuspirá todos os tamanhos necessários (mais o Contents.json
arquivo). Obrigado a esta resposta pela sugestão.
Os ícones do iOS não devem ter nenhuma transparência. Veja mais diretrizes aqui .
Depois de criar o conjunto de ícones, inicie o Xcode (supondo que você tenha um Mac) e use-o para abrir a ios
pasta no seu projeto Flutter. Em seguida, vá para Runner> Assets.xcassets e exclua o item AppIcon.
Depois disso, clique com o botão direito e escolha Import ... . Escolha o conjunto de ícones que você acabou de criar.
É isso aí. Confirme se o ícone foi criado executando o aplicativo no simulador.
Se você não tem um Mac ...
Você ainda pode criar todas as imagens manualmente. No seu projeto Flutter, vá para ios/Runner/Assets.xcassets/AppIcon.appiconset
.
Os tamanhos de imagem necessários são os tamanhos multiplicados no nome do arquivo. Por exemplo, Icon-App-29x29@3x.png
seriam 29
tempos 3
, ou seja, 87
pixels quadrados. Você precisa manter os mesmos nomes de ícones ou editar o arquivo JSON.