Flutter一键自动生成并替换图标 Android & iOS图标(

短命女 2022-10-10 04:54 409阅读 0赞

在pub.dartlang.org上面，Flutter Community发布了一个全自动化生成Icons的插件，安装好之后可以一键生成所有的Icon。

点击下面跳转

[**flutter\_launcher\_icons**][flutter_launcher_icons]

[https://pub.dev/packages/flutter\_launcher\_icons/install][https_pub.dev_packages_flutter_launcher_icons_install]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NjMyNjA0_size_16_color_FFFFFF_t_70][]

** 使用说明：**

在pubspec.yaml中添加

dev_dependencies: 
      flutter_launcher_icons: 
      
    flutter_icons:
      android: "launcher_icon" 
      ios: true
      image_path: "assets/icon/icon.png"

然后你需要准备一张分辨率为**1024x1024**的png图片，放入assets/icon，名称为icon.png

我用的是这张

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NjMyNjA0_size_16_color_FFFFFF_t_70 1][]

打开Android Studio或者VS Code的终端Terminal

输入

flutter packages get
    flutter packages pub run flutter_launcher_icons:main

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NjMyNjA0_size_16_color_FFFFFF_t_70 2][]

返回Xcode,直接显示已经换了图标

![20210626162410437.png][]

稍等片刻，就完成了。

这下你就可以去 android\\app\\src\\main\\res 和 ios\\Runner\\Assets.xcassets\\AppIcon.appiconset 查看自动生成的图标了。

[flutter_launcher_icons]: https://pub.dartlang.org/packages/flutter_launcher_icons#-readme-tab-
[https_pub.dev_packages_flutter_launcher_icons_install]: https://pub.dev/packages/flutter_launcher_icons/install
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NjMyNjA0_size_16_color_FFFFFF_t_70]: /images/20221005/ac598c974d4d41e3a0089016e7e4c78e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NjMyNjA0_size_16_color_FFFFFF_t_70 1]: /images/20221005/16c989d78ba44cfaad46834c973441f6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NjMyNjA0_size_16_color_FFFFFF_t_70 2]: /images/20221005/0b87393bd459494da23ae6dfb0d45216.png
[20210626162410437.png]: /images/20221005/7bf9016300434ae4bafe6b84d4979173.png