Titanium JIRA Archive
Titanium SDK/CLI (TIMOB)

[TIMOB-26589] Android: App Icon Appears Smaller with SDK 7.4.1. GA

GitHub Issuen/a
TypeStory
PriorityNone
StatusClosed
ResolutionNot Our Bug
Resolution Date2018-12-03T13:38:33.000+0000
Affected Version/sRelease 7.4.1
Fix Version/sn/a
ComponentsAndroid
Labelsappicon
ReporterShuo Liang
AssigneeYordan Banev
Created2018-11-22T01:42:52.000+0000
Updated2018-12-18T12:15:42.000+0000

Description

Description

Customers are seeing an issue when using SDK 7.4.1 on android (we have seen the issue using a Google Pixel 1 with Android 8.1), when they install the app the appicon appears smaller than it should and round, but when they compile with the SDK 7.0.2 the icons display as they should. Attached screenshot. If they add the next line in the tiapp.xml file the icons displays with the right size and shape: But Google Play will require that new apps target at least Android 8.0 (API level 26) from August 1, 2018, and that app updates target Android 8.0 from November 1.

Reproduce

1. Download test app from following link, which basically a brand new Alloy app with customer's app icon. (https://propelics.box.com/s/a78x4kli780wxbf3bfstuvalitc90luw ) 2. Run the app to Google Pixels 1 device.

Note

We tested this in support team, but seem not able to reproduce the problem. However, we do not have Google Pixels devices. Please check and provide some advice.

Attachments

FileDateSize
With SDK 7.0.2.png2018-11-22T01:42:36.000+00002154525
With SDK 7.4.1.png2018-11-22T01:42:36.000+00002150304

Comments

  1. Yordan Banev 2018-12-03

    For Android 8 and above Google has introduced Adaptive icons: https://developer.android.com/guide/practices/ui_guidelines/icon_design_adaptive This is the reason they look round and smaller.
  2. Joshua Quick 2018-12-03

    Right. This isn't a bug because Android 8.0 and higher defaults to masking app icons within a circle now. The reason the icon is smaller is because the app icon has a white round bordered square and the OS is shrinking it to fit within the circle. You may want to consider changing the icon's white square to a white circle so that it won't be downscaled as much. Or alternatively, implement a "roundIcon" as that Yordan provided a link to.

JSON Source