flutter显示图标_Flutter如何快速做好App的图标适配

接触Flutter一年多的时间，作为一名之前只做H5前端开发的老司机，对类原生App开发还是挺有兴趣的，一点小小的发现和提升都会惊喜，希望能和大家一起学习进步，提升自己的能力，做出更好更优秀的APP应用。今天跟大家一起来学习如何做好Flutter App应用图标的适配。

Android 8.0 后App图标开始变成圆形的图标了

如果不进行图标适配的话，那么显示的图标将异常丑

那么怎么用一套图标，既可以兼容安卓8之前的版本矩形/圆角矩形图标，也可以兼容8之后的圆形图标版本呢？

在此之前我们得先了解一项Android 8.0以后应用图标上的区别(老司机可以无视)。

Android 8.0(API 级别 26)引入了自适应启动器图标，可以在不同设备模型中显示各种形状。先来看下官方酷炫动态图：

Android 8.0 以上可以通过定义 2 层来控制自适应启动器

图标的外观，包括背景层和前景层，就如我们在做PS多图层叠加一个道理。您必须提供图标的背景图层(也可以是单独的一个Hex色值)，前景层的图标轮廓周围不能有蒙版或背景阴影。这里前后图层还需注意以下两点：

图层大小以 324*324 (单位px)为佳；前景层即图标层的图标主体部分应居中且不应超过图层大小的66.6%，以324宽高为例，主体图标部分大小不应超过 215*215 大小࿰