Alterando o Icone de um aplicativo Flutter

 Alterando o Ícone de um aplicativo Flutter

Quando um projeto Flutter é criado, é atribuido um ícone padrão ao aplicativo. No entanto, mudar o ícone padrão pode dar uma identidade única à sua aplicação, tornando-a mais reconhecível e atraente para os usuários. Neste guia,  mostraremos como realizar essa mudança de forma rápida e eficiente, diretamente pela linha de comando. Antes de começarmos necessitamos dos seguintes pré-requisitos:

1) Flutter instalado.

2) Uma aplicação criada.

Passo 1: Prepare a Imagem do Ícone

Antes de começarmos, certifique-se de ter uma imagem do ícone no formato PNG com uma resolução de pelo menos 512x512 pixels. Salve esta imagem em um local acessível no seu projeto Flutter. Normalmente, na raiz do projeto, criamos o diretório "assets/icons" e salvamos a imagem nesse diretório.

Passo 2: Configure o pubspec.yaml

Abra o arquivo pubspec.yaml no seu projeto e adicione as  linhas, mostradas na figura a seguir. No exemplo, estamos utilizando o ícone que está armazenado no arquivo casa.png. Este exemplo está descrito no post "Aplicativo Flutter acessando api remota". Note que as versões das dependências podem ser mais recentes.

Note que estamos configurando o ícone para diversas plataformas. As propriedades adaptive_icon_foreground e adaptive_icon_background são utilizadas para configurar ícones adaptativos em aplicativos Flutter para a plataforma Android. Esses ícones adaptam-se a diferentes formatos e tamanhos de dispositivos, proporcionando uma aparência consistente em diversas interfaces do usuário.

Abaixo segue o ícone que estamos utilizando:

 

Passo 3: Execute o Comando para Atualizar os Ícones

Agora, execute o comando abaixo no terminal:

$ flutter pub get 

$ dart run flutter_launcher_icons

O primeiro comando obtêm  as dependências. Já o segundo comando configura o ícone para cada plataforma especificada.

Chegamos ao final de nosso Post. Se esse Post foi útil para você, por favor, considere deixar um comentário.