Quando crio um aplicativo com flutter create
comando, o logotipo flutter é usado como um ícone de aplicativo para ambas as plataformas.
Se eu quiser mudar o ícone do aplicativo, devo ir para os diretórios de ambas as plataformas e substituir as imagens lá ?, por diretórios de plataformas que quero dizer myapp/ios/Runner/Assets.xcassets/AppIcon.appiconset
para iOS e myapp/android/app/src/main/res
Android.
Ou é possível definir uma imagem como um ativo de vibração e os ícones são gerados de alguma forma?
flutter
application-icon
RobertoAllende
fonte
fonte
Respostas:
O Flutter Launcher Icons foi projetado para ajudar a gerar rapidamente ícones do iniciador para Android e iOS: https://pub.dartlang.org/packages/flutter_launcher_icons
Espero adicionar um vídeo ao GitHub README para demonstrá-lo
Vídeo mostrando como executar a ferramenta pode ser encontrado aqui .
Se alguém quiser sugerir melhorias / relatar bugs, adicione-o como um problema no projeto GitHub .
Atualização: a partir de quarta-feira, 24 de janeiro de 2018, você poderá criar novos ícones sem substituir os ícones antigos do iniciador existentes no seu projeto Flutter.
Atualização 2: a partir da v0.4.0 (8 de junho de 2018), você pode especificar uma imagem para o ícone do Android e uma imagem separada para o ícone do iOS.
Atualização 3: a partir da v0.5.2 (20 de junho de 2018), agora você pode adicionar ícones do iniciador adaptável para o aplicativo Android do seu projeto Flutter
fonte
710x599
,. Qual foi o motivo da escolha disso? Eu teria esperado512x512
ou1000x1000
ou algo quadrado de qualquer maneira.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 naandroid/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.(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):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 oContents.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,
[email protected]
seriam29
tempos3
, ou seja,87
pixels quadrados. Você precisa manter os mesmos nomes de ícones ou editar o arquivo JSON.fonte
Siga etapas simples:
flutter_launcher_icons
plug-in aopubspec.yaml
por exemplo
Prepare um ícone de aplicativo para o caminho especificado.
e.g. icon/icon.png
Execute o comando no terminal para Criar ícones de aplicativos:
$ flutter pub get
$ flutter pub pub run flutter_launcher_icons:main
Para verificar, verificar todas as opções disponíveis e definir ícones diferentes para Android e iOS, consulte este
Espero que isso ajude os outros.
fonte
flutter pub pub run flutter_launcher_icons:main
. Obrigado pela dica!Você precisa substituir os arquivos de ícone do Flutter por suas próprias imagens. Este site ajudará você a transformar seu png em ícones do iniciador de vários tamanhos:
https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html
fonte
Eu sugiro que você use este site.
App Icon Creator
Etapa 1: faça upload da imagem,
Etapa 2: Faça as alterações necessárias e clique no download (não altere o nome do arquivo)
Etapa 3: Extrair o arquivo zip baixado na respectiva pasta
fonte
Eu mudei nas seguintes etapas:
1) adicione essa dependência à sua página pubspec.yaml
2) você deve enviar uma imagem / ícone no seu projeto que deseja ver como um ícone do iniciador. (Criei um nome de pasta: imagem no meu projeto e depois carregue o logo.png na pasta da imagem). Agora você deve adicionar os códigos abaixo e colar o caminho da imagem no caminho da imagem: na página pubspec.yaml.
3) Vá para o terminal e execute este comando:
4) Após executar o comando, digite o comando abaixo:
5) Feito
NB: (é claro, adicione uma dependência atualizada de
)
fonte
Melhor e recomendada maneira de definir o ícone do aplicativo no Flutter.
Encontrei um plug-in para definir o ícone do aplicativo no flutter chamado "flutter_launcher_icons". Usaremos este plug-in para definir o ícone do aplicativo rapidamente.
Adicione este plug-in no arquivo pubspec.yaml no diretório raiz do projeto. Verifique o código abaixo,
dependências:
flutter:
sdk: flutter
cupertino_icons: ^ 0.1.2
flutter_launcher_icons: ^ 0.7.2 + 1
Salve o arquivo e execute o flutter pub no terminal.
Crie recursos de uma pasta na raiz do projeto em ativos de pasta também crie um ícone de pasta e coloque o ícone do aplicativo dentro dessa pasta. Vou recomendar ao usuário o tamanho do ícone do aplicativo 1024x1024. Coloquei o ícone do aplicativo na pasta icon e agora tenho o caminho do ícone do aplicativo como assets / icon / icon.png
Agora, em pubspec.yaml, adicione o código abaixo,
flutter_icons:
android: "launcher_icon"
ios: true
caminho_da imagem: "assets / icon / icon.png"
Salve o arquivo e execute o flutter pub no terminal. Após executar o comando, execute o segundo comando como abaixo
flutter pub run flutter_launcher_icons: main -f pubspec.yaml
Em seguida, execute o aplicativo
fonte
A melhor maneira é alterar os ícones do iniciador separadamente para iOS e Android.
Altere os ícones no módulo iOS e Android separadamente. O plug-in produz ícones de tamanhos diferentes do mesmo ícone, distorcidos.
Siga este link: https://flutter.dev/docs/deployment/android
fonte
você pode conseguir isso usando flutter_launcher_icons em pubspec.yaml
outra maneira é usar um para android e outro para iOS
fonte