Establecer los íconos del iniciador como un desarrollador nativo
Estaba teniendo problemas para usar y comprender el paquete flutter_launcher_icons . Esta respuesta es cómo lo haría si estuviera creando una aplicación para Android o iOS de forma nativa. Es bastante rápido y fácil una vez que lo ha hecho varias veces.
Androide
Los íconos del iniciador de Android tienen tanto una capa de primer plano como una de fondo.
(imagen adaptada de la documentación de Android )
La forma más fácil de crear iconos de iniciador para Android es usar Asset Studio que está disponible directamente en Android Studio. Ni siquiera tiene que abandonar su proyecto Flutter. (Usuarios de VS Code, puede considerar usar Android Studio solo para este paso. Es realmente muy conveniente y no está de más estar familiarizado con otro IDE).
Haga clic derecho en la android
carpeta en el esquema del proyecto. Vaya a Nuevo> Activo de imagen . (Intente hacer clic derecho en la android/app
carpeta si no ve el activo de imagen como una opción). Ahora puede seleccionar una imagen para crear su icono de iniciador.
Nota: Por lo general, uso una 1024x1024
imagen de píxeles, pero ciertamente no debes usar nada más pequeño que eso 512x512
. Si está utilizando Gimp o Inkscape, debe tener dos capas, una para el primer plano y otra para el fondo. La imagen en primer plano debe tener áreas transparentes para que se vea la capa de fondo.
(clipart de león desde aquí )
Esto reemplazará los íconos del iniciador actual. Puede encontrar los iconos generados en las mipmap
carpetas:
Si prefiere crear los iconos del iniciador manualmente, consulte esta respuesta para obtener ayuda.
Finalmente, asegúrese de que el nombre del icono del iniciador en el AndroidManifest sea el mismo que lo llamó anteriormente ( ic_launcher
de forma predeterminada):
application android:icon="@mipmap/ic_launcher"
Ejecute la aplicación en el emulador para confirmar que el icono del iniciador se creó correctamente.
iOS
Siempre solía cambiar el tamaño de mis iconos iOS a mano, pero si tienes una Mac, hay una aplicación gratuita en la Mac App Store llamada Icon Set Creator . Le das una imagen (de al menos 1024x1024
píxeles) y escupirá todos los tamaños que necesites (más el Contents.json
archivo). Gracias a esta respuesta por la sugerencia.
Los íconos de iOS no deberían tener ninguna transparencia. Ver más pautas aquí .
Después de haber creado el conjunto de iconos, inicie Xcode (suponiendo que tenga una Mac) y úselo para abrir la ios
carpeta en su proyecto Flutter. Luego vaya a Runner> Assets.xcassets y elimine el elemento AppIcon.
Después de que el botón derecho del ratón y seleccione Importar ... . Elija el conjunto de iconos que acaba de crear.
Eso es. Confirme que el icono se creó ejecutando la aplicación en el simulador.
Si no tienes una Mac ...
Todavía puede crear todas las imágenes a mano. En tu proyecto Flutter ve a ios/Runner/Assets.xcassets/AppIcon.appiconset
.
Los tamaños de imagen que necesita son los tamaños multiplicados en el nombre del archivo. Por ejemplo, Icon-App-29x29@3x.png
serían 29
tiempos 3
, es decir, 87
píxeles cuadrados. Debe mantener los mismos nombres de icono o editar el archivo JSON.