Flutter-intellij: Image Asset Studio not available in flutter projects

[move[bot]]

@duzenko commented on May 23, 2019, 7:19 AM UTC:

I want to create a new icon using the assets tool as described here
Surprisingly, the option to create an image set is missing in the context menu
Here's the side by side comparison of the menu in the regular and flutter projects

FWIW I figured out a workaround - open the underlying android project in a separate window and start the tool from there.

This issue was moved by darrenaustin from flutter/flutter#33238.

[devoncarew]

Thanks for the feedback!

I believe that flutter projects are not full android projects; several tools that are only available to android projects don't show up.

I'm not sure if we have a solution here; the workaround you found - opening the sub-android/ folder - seems like the best one. We do have a shortcut for that; you can right-click on the android/ folder and choose 'Flutter > Open module in Android Studio`.

cc @stevemessick

[stevemessick]

That's right, Flutter projects are not Android projects. Many Android tools are enabled only for projects that have an Android facet. Adding that to Flutter projects causes many problems, so we don't do that and instead offer the shortcut suggested above.

[duzenko]

Do you think it makes sense to enable the image asset tool for flutter projects?
If so what would it take to change that?

[thamibn]

with the workaround it worked perfectly for me

[rafahead]

any solution to this?

[thamibn]

@rafahead open android studio File->Open folder->navigate to your flutter project and select the Android folder. Wait for it to sync, then navigate inside the Android studio folder and find the res folder right click on it and choose New you will see the Image asset studio.

[rafahead]

Tanks @thamibn !!!!!

Solve the problem.

[hsiraaH]

@thamibn I have tried your workaround but still image asset isnt showing up. I actually developed my application using VScode and installed Android studio only for the Android SDK package. I created the project from VScode and only opened the project in Android Studio to work on my Application icon with Image asset. Do you think whether it has got to do anything with the problem?

[thamibn]

@hsiraaH, don't open the whole project of flutter using Android studio just open the android folder found inside the flutter project with Android studio, so the Android studio can treat it as a Android project rather than flutter project, which will give you all Android features like the one ur looking for #image asset studio

[thamibn]

@hsiraaH once you have opened the Android folder using Android studio wait for it to sync the folder then navigate inside the folder find res folder right click on it and choose New u will see the Image asset studio

[hsiraaH]

@thamibn yes, I did open the android folder alone in a new window (though Idk how to find whether it has been synced or not) , I had no luck in finding the image asset by right-clicking the res folder. Is there any way to manually access the Image asset studio?

[rv8a]

The shortcut doesn't work for me either. Is there another, new shortcut available?

[Steppico]

Same here, I followed the instructions provided above but unfortunately seems like it is not working anymore.

[thamsanca-abanganimedia]

i will create a screen record showing the steps, maybe it will help. you can share your screen records also to show what you have tried so far?

[nododile00]

So far the Image Asset Studio is not available in flutter projects

• [ ] Here is how I modified launcher icon (Assuming you want to do the same)

:information_source:

• This site offers the function of Image Asset Studio (For Android only) Here

• This site offers the functionality to generate iOS image assets of various sizes Here

_(You can use the icon launcher package to change the shape of the background )_

Note

The websites I mentioned are only going to generate various sizes for your Application launcher icon specifically for __only__:

• [x] iOS device
• [x] Android device

__SCREENSHOTS OF THE SITE__

Hope you found the above helpful :+1:

[justinjk007]

@thandilenododile the whole point of opening the image asset studio is to make adaptive icons, the website you mentioned doesn't seem to offer that functionality.

[thamsanca-abanganimedia]

Good day everyone i have tried to create a screen record to show everyone how i am doing it on my side please hope it will help,

and i think the problem is android sync and gradle staff try to play around with that

video : https://drive.google.com/file/d/12m4gam9Tpc3kvK05homd0mPhOt_AlUa-/view
from @thamibn

[nododile00]

@justinjk007 I think using the __flutter launcher icons package__ will help out here

@thamsanca-abanganimedia Thanks, that worked well too for me.

[RukaiJohn]

Don't use flutter launcher Icons package. It isn't very good. Follow @thasanca-abang short video.

[Mwamitovi]

_@duzenko commented on May 23, 2019, 7:19 AM UTC:_

I want to create a new icon using the assets tool as described here
Surprisingly, the option to create an image set is missing in the context menu
Here's the side by side comparison of the menu in the regular and flutter projects

FWIW I figured out a workaround - open the underlying android project in a separate window and start the tool from there.

_This issue was moved by darrenaustin from flutter/flutter#33238._

Thanks a bunch, the work around was very very helpful.

[CheoWalker]

I noticed that when I made sure all the plugins were enable in Android Studio, that I had the option to use Image Assets.

[nwainwri]

Still can't get "image assets" option to come up; using Android Studio 3.6.1. (Mac OS 10.14.4)

• tried opening 'android' folder directly.
• checked if plugins all enabled

Unsure if there is any other method/idea? The strangest part, is that I had used this function about a month or two ago, in Android Studio.

Workaround: Using this project (https://jgilfelt.github.io/AndroidAssetStudio/)

• If your image isn't transparent, and doesn't have a white background
• set padding, add the colour as background
• can still make various icon shapes (eg, mine was circular)
• pay attention to your folder names under main/res/ , you might need to change the folder names this program sets up (after you download the icons pack).

[pdqsoftware]

Thanks for the video @thamibn that made it very clear and worked for me first time.

[IvanLauLinTiong]

@hsiraaH once you have opened the Android folder using Android studio wait for it to sync the folder then navigate inside the folder find res folder right click on it and choose New u will see the Image asset studio

Exactly the solution I am looking for. Thanks man. you saved my day!

[sthnischal]

@hsiraaH, don't open the whole project of flutter using Android studio just open the android folder found inside the flutter project with Android studio, so the Android studio can treat it as a Android project rather than flutter project, which will give you all Android features like the one ur looking for #image asset studio

Thanks. It worked for me

[enginebai]

@rafahead open android studio File->Open folder->navigate to your flutter project and select the Android folder. Wait for it to sync, then navigate inside the Android studio folder and find the res folder right click on it and choose New you will see the Image asset studio.

This worked for me, hope the flutter or android studio team could fix this.

[HananCS]

You have to create flutter project firstly using Android Studio rather than using VS code. After project was created, you can open it on VS code and start coding... otherwise you won't be able to access android studio modules and some options such as either Vector asset or Image asset . hope you'll get this.