iOS transparent borders issue

[17twenty]

I've got my pubspec.yml setup as follows:

...
dev_dependencies:
  flutter_test:
    sdk: flutter
  flutter_launcher_icons: "^0.6.1"

flutter_icons:
  image_path: "assets/logo.png" 
  android: true
  ios: true
  adaptive_icon_background: "#614ec6"

I run the command:

$ flutter packages pub run flutter_launcher_icons:main
Android minSdkVersion = 16
Creating icons Android
Overwriting default Android launcher icon with new icon
Overwriting default iOS launcher icon with new icon

The icon when it installs onto the iPhone however... well.. it has a black border.

How do I fix that from happening? I used the studio creator to generate it.

This is the original image:

[MarkOSullivan94]

Sounds like a duplicate of this: #36

Not entirely sure what is causing this. Would you be able to fork the project and update the example within the project with the asset your using? Would allow me to quickly test this out myself.

[guyzk]

Same thing happens to me...

[abraham]

Make sure your icon does not have any transparency around the edges.

https://stackoverflow.com/questions/26014461/black-border-on-my-ios-icon

[guyzk]

Make sure your icon does not have any transparency around the edges.

https://stackoverflow.com/questions/26014461/black-border-on-my-ios-icon

Thanks! That was the issue...

[abraham]

@MarkOSullivan94 maybe the tool can try and detect transparent borders and show a warning to the user?