Adaptive Icon Foreground needs to have padding otherwise ends up stretching

[TonySpegel]

I'm having trouble getting the setup right:
Using the following settings:

flutter_icons:
  android: "launcher_icon"
  image_path: "lib/res/pizza.png"
  adaptive_icon_background: "#ffe082"
  adaptive_icon_foreground: "lib/res/pizza.png"

Produces this Icon

This isn't the desired output because this setting:

flutter_icons:
  android: "launcher_icon"
  image_path: "lib/res/pizza.png"

produces:

I've found a related issue here: #79

Anyway setting a adaptive_icon_background results in a way too big Icon the desired output is like the second Icon but with a background.
I'm not sure if I should pick one of the images produced by this tool or choosing the source image located in: lib/res/pizza.png. Choosing a produced image just results in the same way too big Icon (or a blurry one choosing a lower resolution)

How do I produce an Icon as seen like in the second image but with a background?

Oh and also:
Removing settings as I did here, so deleting adaptive_icon_background & adaptive_icon_foreground and rerunning the tools does nothing, the settings generated are still there but should be removed.

[taliptako]

I had the same issue right now and figured out that in the example foreground image there are paddings before exact icon as seen below

They are transparent padding but they affect how an image will be aligned on background image
So if you add some padding to your foreground image like this it will be fine.
But lets ask the author why this is like that
@MarkOSullivan94 Are you aware of this situation ? if not why we need to add paddings like that

[enricobenedos]

We had the same issue at the moment

[gregorwinkler]

I can confirm that the same is happening to me.
This should be the result:

And that is the actual app icon on Android, when using adaptive foreground and background:

[MarkOSullivan94]

Thanks for reporting this!

The best work around is to add the padding like the example image for now until a solution can be found to handle it better.

[jfrsbg]

I'm getting the same issue by now. Other thing is that once you set adaptive_icon_background and adaptive_icon_foreground you can't change your icon anymore because the commands do not update the icons and even not overwrite them. By now i have double issues, plus this that i described. I can't test the workarroud "add the padding into icon" because i cant update the icon anymore. is there a way to make a "flutter clean icons" in my project for me at least test this solution?

[permadart]

@jfrsbg Just go to android > app > src > main > res and delete all the drawable-dpi folders (except for the plain drawable folder), and the mipmap-any folder. Those folders contain the files for the adaptive icon, and without them Android just uses the regular icon.

[gisinator]

Unfortunately I'm facing the same issue. Adding a padding, exactly like in the example, didnt solve the problem. It seems the foreground element gets cut out and fills 100% of height and width of the final icon. Do you guys have any new workarounds? :)

[enricobenedos]

At the moment I'm using this configuration sucessfully

flutter_icons:

  ios: true
  android: "launcher_icon"
  image_path: "assets/launcher/icon.png"
  #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"

[gisinator]

So basically you're not using the adaptive part at all, am I right? How does your original icon.png look like? Did you round the corners manually?

[enricobenedos]

Yes you are right, I am not using the adaptive part. Unfortunately I cannot share the apps icons with you because they are private projects. But I have simply produced them using this guide:
Add Launcher Icon - Medium.
The icons are simply 900x900 without rounded corners. Very similar to @taliptako example.

[TonySpegel]

Is this relevant to the Bug I have opened? Am Sa., 27. Juli 2019 um 11:23 Uhr schrieb enricobenedos < notifications@github.com>:

…

Yes you are right, I am not using the adaptive part. Unfortunately I cannot share the apps icons with you because they are private projects. But I have simply produced them using this guide: Add Launcher Icon - Medium ***@***.***/how-to-add-app-launcher-icons-in-flutter-bd92b0e0873a>. The icons are simply 900x900 without rounded corners. Very similar to @taliptako <https://github.com/taliptako> example. — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#96?email_source=notifications&email_token=AAIXVKQXMXBM76WCSIWW6CTQBQHYTA5CNFSM4HJUUGKKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOD26H7GA#issuecomment-515669912>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AAIXVKXRY7SFZFR3Q64TW3DQBQHYTANCNFSM4HJUUGKA> .

[enricobenedos]

I just wanted to show the “solution” I adopted waiting for the bug fix.

[TonySpegel]

Sorry, did not want to come across as rude :) glad that you provided a Solution. I think we've got a couple of workarounds here which is good. Let's keep this open until it really is fixed :)