How to Change the Launcher Icon, Package Name, and App Name in Flutter

hello and welcome to this channel in this video we are going to talk about the launcher icon the package name and the name of a flutter application first let's start by flutter launcher icon we are going to use this package called flutter launcher icons it can sits so much easier to use this package to change the icon of an application because there are so many steps and it's easy to make mistake so to use this package we need to add it to pubspect.dml file here I have a default flutter application so I'm going to open pubspec.yaml and we're going to add this package notice that we need to add it under Dev dependencies normally we add our packages under dependencies under Cupertino icons but for this one we need to add it under div dependencies and not dependencies so we need to copy the package name and then we need to add it here we also need to add other configurations as well so under flutter launcher icons we can set the Android the iOS image path and minimum SDK Android we also can set the option for web Windows and Mac OS so we need an image for the icon to create an image for an icon there are a couple of tools that you can use one is this page this page has couple of tools that you can use one is launcher icon generator another one is app shortcut icon generator shapeshifter and other tools it's very easy and helpful so the one we are looking for is launcher icon generator and you can see it says that this page is no longer Main retained so they switch to Icon kitchen if we open icon kitchen it shows you how the icon looks like in different operating system like Android iOS and Mac OS so for example we can choose an icon like this one and it shows you how it looks like on Android iOS and Mac OS we can change the background color as well we can modify the icon and then you can download the icon so you can copy the icon and inside the Android Studio you can go to the root and create a new directory we can call it assets inside asset we need to create another directory called icon and inside icon we are going to paste our icon that was generated now we can add our options as you can see here we can change the Android and iOS when you add these configurations pay attention to the indentation for each element because it is important now in the image path the icon is under assets icon and the name is play you can also specify web Windows and Mac OS now we click pop get and in the next step we need to run the package so we need to use this command to run the package and it is now successfully generated the launcher icons and now if we go to Android and app and Source we can see all of these icons have been generated inside the IOS as well you can see the icon for different configurations and sizes are generated so if we wanted to do this manually we needed to generate lots of images for different sizes and put them in the correct order in the correct folder using this app makes it so much easier next one is using flutter app name to change the name of the application it's the same process just pay attention that we add this package under div dependencies and then we need to have the configuration and it needs to be one level up next we need to do pop get and run this command so flutter pop git you can remove the previous package when you are done using it so there won't be any clash between two packages you can also check the name for the Android inside the Android manifest so this is the name of the application and now we run this command and the name has been changed another package that is very useful is package for changing the package name for flutter it says that what it does is updates the Android manifest file for release debug and profile and then updates build.gradle file updates the main activity file move main activity file to new package directory structure and delete the old package name directory structure all of these steps need to be done to change the package name for a flutter application but using this package is very easy to do it automatically so let's add this to again div dependencies we can remove the previous package because we are done with the previous package we use pop git and now we can change and specify the package name that we want and here in the package name inside the Android manifest you see that the new package name that we selected that was com dot new DOT package.name this one has been set here in the Android manifest file and it has done all the steps that needs to be done for the package name to be changed so I hope these three packages were helpful thanks for watching I will see you in the next video

Channel: Flutterware

Views: 19,169

Keywords: how to change launcher icon package name and app name in flutter, flutter launcher icon, android, app icon flutter, change app name android, how to add app icons in flutter, how to change app icon flutter, ios, flutter tutorial for beginners, flutter app icons, change app icons, changing app icon flutter, app name, how to change flutter app icon, flutter app icon change, flutter app name, change flutter app name, flutter change app icon and app name, how to change the app icon

Id: hiX-SuZ4L40

Length: 7min 36sec (456 seconds)

Published: Sat May 20 2023