app icon color was different while i generate icons

Question

app icon color was different while i generate icons

pmrajani opened this issue 5 years ago · 27 comments

Here is my code:
flutter_icons:
android: "launcher_icon"
ios: true
image_path: "assets/images/app_logo.png"
adaptive_icon_background: "#ffffff"

It is generating slightly different color instead of my actual logo for app.

sante85 commented 5 years ago

+1

Answer 1 · 2019-05-10T05:12:52.000Z

I am having the same issue, look the attached files...
Original:
Generated:

Answer 2 · 2019-05-10T10:04:21.000Z

Yes same with me.
Admin can you please look at this?

Answer 3 · 2019-05-10T11:52:45.000Z

It seems this is caused by an update to the image dependency. After I changed the image package version to 2.0.7 my icon color is correct.
You can change it by navigating to this package folder in pub_cache

Answer 4 · 2019-05-10T13:08:26.000Z

I am having the same issue and change the image package version to 2.0.7 doesn't work

Answer 5 · 2019-05-10T13:12:15.000Z

Having the same issue, the original color is
#EB6F93
The generated color is: #936FEB

Answer 6 · 2019-05-10T13:16:53.000Z

@Inovactio you need to force the version to 2.0.7.
This is the current pubspec for this package

dependencies: 
image: "^2.0.0"

You need to change "^2.0.0" to "2.0.7"

@HelgeSverre yup that's because the image package changed the position of ARGB.
From the version 2.0.8. changelog

- Use #AARRGGBB for colors instead of ##AABBGGRR, to be compatible with Flutter image class.

Answer 7 · 2019-05-10T13:22:51.000Z

Thanks for the quick fix @skybur, that fixed the issue for now.

Answer 8 · 2019-05-10T13:26:50.000Z

Thanks @skybur, perfect timing as I just hit this too!

To be explicit for anyone else following this, I edited ~/.pub-cache/hosted/pub.dartlang.org/flutter_launcher_icons-0.7.0/pubspec.yaml to read:
image: "2.0.7" # No ^! Specific version only!
and did a flutter packages get
then ran flutter packages pub run flutter_launcher_icons:main again.

Answer 9 · 2019-05-10T13:28:52.000Z

You can also just set the specific version in your pubspec.yaml file, like so:

dev_dependencies:
  image: 2.0.7 # <- Put this here
  flutter_launcher_icons: "^0.7.0"
  flutter_test:
    sdk: flutter

flutter_icons:
  android: true
  ios: true
  image_path: "assets/icon/app-icon.png"
  adaptive_icon_background: "#EB6F93"

Answer 10 · 2019-05-10T13:34:44.000Z

Thanks @HelgeSverre, that's a bit neater!

Answer 11 · 2019-05-14T03:27:19.000Z

You can also just set the specific version in your pubspec.yaml file, like so:

dev_dependencies:
  image: 2.0.7 # <- Put this here
  flutter_launcher_icons: "^0.7.0"
  flutter_test:
    sdk: flutter

flutter_icons:
  android: true
  ios: true
  image_path: "assets/icon/app-icon.png"
  adaptive_icon_background: "#EB6F93"

Same issue, not working for me :(

image: "^2.0.7"
flutter_launcher_icons: ^0.7.0

flutter_icons:
  ios: true
  android: true
  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"

Answer 12 · 2019-05-14T06:48:21.000Z

@scarings You've specified image: "^2.0.7" instead of image: "2.0.7 (Notice the ^)

Answer 13 · 2019-05-15T13:09:50.000Z

Will this be fixed? Not everyone comes here to check this.

Answer 14 · 2019-05-17T09:03:36.000Z

@Inovactio you need to force the version to 2.0.7.
This is the current pubspec for this package
dependencies: 
image: "^2.0.0"
You need to change "^2.0.0" to "2.0.7"

@HelgeSverre yup that's because the image package changed the position of ARGB.
From the version 2.0.8. changelog
- Use #AARRGGBB for colors instead of ##AABBGGRR, to be compatible with Flutter image class.

Thank you! I was searching for a solution + explanation and you offered both, amazing.

Answer 15 · 2019-05-17T19:48:16.000Z

I had this issue as well. Pinning the image dependency worked. Thanks.

Answer 16 · 2019-05-20T12:04:38.000Z

You can also just set the specific version in your pubspec.yaml file, like so:

dev_dependencies:
  image: 2.0.7 # <- Put this here
  flutter_launcher_icons: "^0.7.0"
  flutter_test:
    sdk: flutter

flutter_icons:
  android: true
  ios: true
  image_path: "assets/icon/app-icon.png"
  adaptive_icon_background: "#EB6F93"

Worked

Answer 17 · 2019-05-23T23:39:31.000Z

v0.7.1 is now using a newer version of the image dependency so you will need to switch about the colors like describe in @skybur's post

Answer 18 · 2019-05-26T07:51:26.000Z

Same problem with version "flutter_launcher_icons: ^0.7.2".

For example, in "adaptive_icon_foreground:" blue icon with background #1194F6 turns orange.

Answer 19 · 2019-05-26T08:45:02.000Z

@uxartur check out @skybur's post above which should help, the issue is related the image package update.

Answer 20 · 2019-05-26T17:44:24.000Z

Sorry about the problems. Seems changing the color order caused more problems than good. The Image getBytes and fromBytes methods do let you specify the color order. For example, Image.fromBytes(canvas.width, canvas.height, imageData.data, format: Format.rgba) and image.getBytes(format: Format.rgba) will ensure the colors are encoded the way that seems to be expected by this package. I'll investigate what repercussions changing the default back will be.

Answer 21 · 2019-05-26T21:16:09.000Z

I have the same issue here. The image below shows the iOS iconset. The only correct image is the last one (the blue background one). The others have inverted colors.

On Android, same issue using separete foreground and background images:

Thanks for any help!

Answer 22 · 2019-05-27T02:41:47.000Z

pubspec.yaml:

flutter_icons:
android: true
ios: true
image_path: "assets/icon/app-icon.png"

Didn't even use adaptive_icon_background option, but with adaptive_icon_background #ffffff, get same result.

image: ^2.1.1
and
flutter_launcher_icons: "^0.7.2"

Original image:

Generated image:

Answer 23 · 2019-05-28T04:47:09.000Z

I changed the default color order to the way it was before, released in version 2.1.3 of the image library.

Answer 24 · 2019-05-28T05:10:05.000Z

Yep, just tried and the color is correct. Thanks @brendan-duncan

Answer 25 · 2021-05-24T13:10:09.000Z

sarmayah imac$ flutter pub run flutter_launcher_icons:main
Android minSdkVersion = 16
Creating default icons Android
Overwriting the default Android launcher icon with a new icon
Creating adaptive icons Android
Overwriting default iOS launcher icon with new icon
I have this problem

Answer 26 · 2021-05-24T13:20:57.000Z

dev_dependencies:
image: 2.0.7
flutter_widget_from_html_core: ^0.5.2
flutter_launcher_icons: "^0.7.0"
flutter_test:
sdk: flutter

flutter_icons:
#image_path_android: "assets/luncher.png"
#image_path_ios: "assets/luncher1.png"
image_path: "assets/luncher1.png"
android: true
ios: true
adaptive_icon_foreground: "assets/luncher1.png"
adaptive_icon_background: "assets/backgroundimg.png"