Cómo crear los iconos de tu app en Flutter

Ricardo Castellanos
2 min readMay 5, 2020

--

Para crear los iconos de nuestras apps vamos a usar Flutter Launcher Icons, una herramienta de línea de comandos que nos va a simplificar la tarea de actualizar el ícono de inicio de nuestra aplicación. Es totalmente flexible y nos permite elegir para qué plataforma actualizar el icono.

Pasos

  1. Crea dos imágenesbackground.png y foreground.png para crear un icono adaptativo para Android, mira estos ejemplos para hacerte una idea. Yo he creado las imágenes de 1024x1024.

2. Crea una imagenicon.png para iOS y versiones antiguas de Android.

3. Añade las tres imágenes a tu carpeta assets (Yo los he guardado en assets/launcher/)

4. Edita tu pubspec.yaml. Intenta usar la última versión de flutter_launcher_icons ya que tendrá alguna mejora.

dev_dependencies: 
flutter_launcher_icons: ^0.7.5
flutter_icons:
ios: true
android: true
image_path_ios: "assets/launcher/icon.png"
image_path_android: "assets/launcher/icon.png"
adaptive_icon_background: "assets/launcher/background.png"
adaptive_icon_foreground: "assets/launcher/foreground.png"

5. Ejecuta los siguientes comandos

flutter packages get
flutter packages pub run flutter_launcher_icons:main

6. Asegúrate que se han creado tus iconos correctamente ejecutandoflutter run o flutter build

¡Gracias por leerme!

Espero que este artículo te haya servido de ayuda y si tienes alguna duda, siempre puedes dejar un comentario. Recuerda que es de gran ayuda compartir, recomendar o darme “1 clap”.

--

--

Ricardo Castellanos
Ricardo Castellanos

No responses yet