Flutter Android launcher icon looks very small - android

I'm using the flutter_launcher_icons package to generate launcher icons for both Android and iOS. Everything looks great on iOS, but on Android the icon looks very tiny:
It's the second one from the left. I've tried all kinds of things to get it to be bigger. I've tried several different source images to generate the icon, 512x512 and 900x900, but no matter what I do I can't get it to generate an icon as large as the others. I'm sure I'm missing something stupid here. This is my flutter_launcher_icons config:
flutter_icons:
android: true
ios: true
image_path: "assets/icon/icon_new2.png"

I would recommend you to use http://romannurik.github.io/AndroidAssetStudio/icons-launcher.html to generate your launcher icon : you'll be able to reduce padding to get an icon as big as possible. When you hit download, this will generate a zip archive containing a res folder with a subfolder for each size.
Let's then put manually the Android launcher icon :
In your config, put android: false so the flutter_launcher_icons plugins stops generating icons for android, and paste your generated subfolders in yourproject/android/res
I encountered the same issue as you, looks like we followed the same tutorials/links.
EDIT : If you still encounter issues, this thread may help you (almost a duplicate) App Icon on Device is too small

For all the flutter android projects, for those who are still facing issues after generating icons from here, http://romannurik.github.io/AndroidAssetStudio/icons-launcher.html follow the below steps,
Open your flutter project in Android Studio
Select the android folder and Right click
Select the option flutter->Open Android Module in Android Studio ( open in new window)
It will take a while, once its done, in the android project, right click on res->drawable folder, and create new image asset
Create the launcher icons using your image in this android studio wizard.
Once the launcher icons are created, build your apk or app bundle asusual from your flutter project. It should work fine now.

To complement the answer of the user TBG, in my case, the path where I had to put the res folder was in youproject/android/app/src/main/, replace what you have and voila, recompile your project.

Related

NativeScript 8.0.4 Android App Icon WILL NOT Change from default

I'm tearing my hair out over here. I've developed applications with earlier versions of nativescript and this has never been issue... This is my last effort before I just downgrade to an older version
I have ran the command tns resources generate icons ../icon.png and it claims to have successfully generated the icons and I can see them in the directory... build and deployed to phone. Still has the default nativescript icon
I went to App_Resources/Android/src/main/res and manually updated the ic_launcher.png file in every mipmap directory... build and deployed to phone, same result! Default icon
Tried deleting the platform/android directory and rebuilding. No luck
I searched from the root directory and I cannot figure out how the heck this default icon is appearing still!!!
Note: I was able to change the splash screen
Any help... please, thank you
I ended up solving this issue eventually, so for anyone this might help in the future... In the newer versions of NativeScript there is now a new folder in res called "mipmap-anydpi-v26" which uses vector graphics. If your on SDK 26+ it will automatically use this vector graphic and IGNORE every other PNG icon in all the other folders.
Your options to remedy this are either:
A) Delete this folder from the directory, which will force it to fall back to the regular PNG icon that's appropriate for the device resolution
B) Edit the file in the folder and update the SVG to use yours
I had a similar issue on nativescript 8.1.1, nativescript/android 8.1.1 with svelte 3.44.0. After running ns resources generate icons <icon-path> and ns resources generate splashes <splash-path>as show in this stack post here. Only the splashes were generated successfully. However the icons didn't work as described, hence I had to generate my app launcher icons using this service. Then I downloaded the zip file, unzipped it and copied the contents of the 'res' directory in the unzipped file to <project-directory>/App_Resources/Android/src/main/res to replace all the directories with the same names (i.e. mipmap-anydpi-v26, mipmap-hdpi etc). Then rebuilt and reran my application and everything worked fine.
Since 8.x Nativescript ships with the adaptive icons - since the old icons are outdated on more recent android phones, and usually look weird
1.Open a project in Android Studio and in the Project Explorer pane right-click on the app directory or any of the directories inside the app directory. In the context menu that opens select New > Image Asset
2.Once Asset Studio opens you'll see the new default app icon
3.The main thing to know about adaptive icons is that there are two layers, a foreground and background. The default foreground will be titled ic_launcher_foreground.xml and it is an SVG. Go ahead and click the ... button next to the path (image below) and select your app icon that you're going to use.
4.Now you can go ahead and set the other settings for your icon such as trim and the resize percentage. You'll also be able to change the default green background layer, select the Background Layer tab and you can repeat the same process. From experience, in a lot of cases you can use the Color radio button to set the color you'd like to use for your background layer.
5.Once you are finished with your icon configuration you can complete the wizard which will generate the various resources needed for your app. The new files will be located under the android app directory in src/main/res/ where you should see several mipmap- directories.
6.Now move all the files in mipmap- directories to your Nativescript's App_Resources mipmap folder
7.Once you have copied over the newly created icon files to the NativeScript project there is one final change you need for your application. The only change is to set the android:icon value to #mipmap/ic_launcher which is the resource location of the new files we added from the Android project from Android Studio.
Hope this helps to solve your issue
I always use NativeScript Sidekick to generate my icons. I don't know if that will yield different results from the tns command, but at least it's something else to try.

How I fix NOTHING TO SHOW in my vector asset in android studio

I want to add a new vector asset. I am trying to add a clipArt but it only shows in the dialog box "Nothing to show". No icon is showing and I want to add an icon. I don't know to fix this. Please help. I am still trying to learn android studio and I am practicing on how to use it.
For myself, my asset dialog only shows some of these icons. And here is my solution.
Go to
[SdkPath]/icons/material
There should be a file called icons_metadata.txt, and folders
materialicons
materialiconsoutlined
materialiconsround
materialiconssharp
materialiconstwotone
For each icon, there will be one folder in the folders above. For example, we have materialicons/share, materialiconsoutlined/share and so on.
These icon folders are not complete, only icons starting with digits exist. Since the folder only updated when "Select Icon" dialog is opening, I opened "Select Icon" dialog again, waiting for all icons are downloaded, and then reopen the dialog.
Then my problem is solved.
This a new problem introduced in the latest version of Android Studio 4.1.
This happens when your windows user name folder contains a space. Rename your user name’s folder removing the space and it will work again.
For some reason the space make the folder where the icons are located not visible to Android Studio.
If there are already this folders and still nothing in dialog try deleting <sdk>/icons/material/icons_metadata.txt
Credit to
#MainActivity
Those clip arts are located in "icons" folder inside your sdk folder on your hard drive and the sdk folder is generally this:
C:\Users\ --username-- \AppData\Local\Android\Sdk
I guess android studio cannot access the right sdk location so make sure the sdk location in your "File/Project Structure/SDK Location" matches the actual sdk location on your hard drive.
Alternatively, you can download the clip art you need from this link: Android Material and import them by choosing Local file in your Asset Studio.
In Android Studio 4.1.1 this issue is resolved. Update if possible.
It's working
Your SDK folder name must be spaced less, ex- (UTTAM, UttamSdk, Uttam_sdk)
HAPPY CODING :)
Same thing happened with me, also i was not able to change my user name because of Win 10 Single Lang. so i just moved my SDK folder to another path but there was not space between the path like from >> C:\Users\User Name\AppData\Local\Android\Sdk to >> C:\Users\Sdk.

Cannot Create Image Asset in Android Studio

I am on trying to add an Image Asset to my Android project. However, it keeps having this error about a file I don't even have selected.
I am on Android Studio 3.2
I don't understand where that gradient.psd came from but you may want to take a look at this solution here: Android Studio not loading image when creating new image asset
I came across this problem while importing Google logo and I worked around by having the Icon Type as Launcher Icons (Legacy Only)

Android app is displaying an old image that was replaced

I am adding some icons from the drawables folder to a layout. I had an image that I replaced which got the same name as the old one. I have overridden the file, rebuilt the project and the Android Studio's graphical layout showed the new icon. However, when I ran the app, the old icon appeared. I went over all the drawables folders to see if there might be one with the old icon, but it was replaced in every folder. I also tried reinstalling the app and it's still showing the wrong icon.
Why won't the app show the correct icon?
May be due to some bug of Android Studio, Try it out it will work :
Delete .apk from local path manually (Path : \YourProjectFolder\app\build\outputs\apk\app-debug.apk)
then Rebuild Project and finally Run it.
Because of instant run feature,
Once your app is installed, Instant Run allows you to push code changes without building a new APK
new apk is not creating. Try after deleting apk file from path ...\apk\app-debug.apk
Then build and generate apk again.
Rebuild Your Project then it works fine
Delete your icon from the drawables folder, set another image in the application instead of the deleted one, run the application, close the application, add your image again in the drawables folder, add it on your control and run again. It should work now.
What eventually happened is that the images were replaced in a library module, while the app module also contained the old image. Since the app resources overrides the library's resources, the old image was shown.

Change Android app icons in APK?

Is it possible to change the app icon in an APK in Android apps? I have a tablet running Android 2.2 and the icons are too low-res, so I want to replace them. I tried unzipping the APK, changing the icon and re-zipping, but it didn't work. Is there any way I can change the icon, even programmatically, to reflect the higher-res icon?
APK files are actually nothing more than zip files. If you just want to replace images, then the easiest way is to open the apk file in 7-zip or winrar and replace the png files in there with your own. Just drag your new files to the 7-zip window.
Note that I said "open" and not "unzip". Once you decompress it, the signature will no longer be valid.
Another option is to use APKManager to do it. This way you do not need to install it in /system/app:
Download APK Manager
Put the .apk in "place-apk-here-for-modding"
Run the script.bat and extract it.
Drop the new PNG files in /res/drawable-?dpi overwriting the old ones.
Run ZIP .apk and select option 2 Regular APK
Sign the APK
Install
Summary
One the simplest ways is to change APK icons via user-friendly GUI tools:
APK Editor Studio – advanced but still easy-to-use APK editor.
APK Icon Editor – plain and simple APK editor.
Both tools are free and open-source (written in C++/Qt) with the Apktool used under the hood.
Features
Automatically pack, sign and optimize your APK.
Automatic conversion between PNG, BMP, JPEG, ICO, GIF, etc.
Available for Windows, macOS and Linux.
Disclaimer
I am the author of these tools.
If you want change android application icon programatically then you can set it into AndroidManifest.xml file, in the application tag by setting the android:icon property. But if you want to change the icon of third party applications then you cant.
See this solution
Please have a look at this one for designing icons for high, medium and low density phones:
http://developer.android.com/guide/practices/ui_guidelines/icon_design_launcher.html

Categories

Resources