第四百四十二回再谈flutter_launcher

第四百四十二回再谈flutter_launcher_icons包

news2024/11/18 10:32:12

文章目录

1. 概念介绍
2. 使用方法
3. 示例代码
4. 经验与总结
- 4.1 经验分享
- 4.2 内容总结

我们在上一章回中介绍了"overlay_tooltip简介"相关的内容，本章回中将 再谈flutter_launcher_icons包.闲话休提，让我们一起Talk Flutter吧。

在这里插入图片描述

1. 概念介绍

我们在四百一十二回中介绍修改程序的桌面图标时介绍过这个包的用法,不过当时使用该插件修改桌面图标时没有修改成功，本章回将再次介绍该包，我们这次可以使用该
包来修改桌面图标，我们同时将分享修改成功的经验和技巧。

2. 使用方法

下面是详细的操作方法，请大家参考：

在yaml文件中配置包，并且获取到本地；
填写配置信息，主要是修改桌面图标的路径；
通过相应的命令生成桌面图标；
运行程序，可以看到桌面上的图标已经被修改；

上面的使用方法看着简单，不过还有一些注意事项:

在yaml文件中配置该包时需要在dev_dependencies section下方进配置，而不是在dependencies sectoin下方配置，这点特别容易出错。因为导入三方包进行配置时通常都是在dependencies section下方配置；
配置好包以及桌面图标后，需要运行命令，命令为：flutter pub run flutter_launcher_icons，需要在terminal中运行该命令，可以是电脑上的终端窗口，也可以是AndroidStudio中的终端窗口；
运行程序时需要重新运动，不能是热重载。我们建议停止当前的程序，然后重新运行一次程序。

3. 示例代码

  flutter_launcher_icons: ^0.13.1
flutter_launcher_icons:
    android: true
    ios: true
    image_path: "images/avata.png"
  #  image_path_android: "images/avata.png"
  #  image_path_ios: "images/avata.png"

示例代码中主要包含该包的配置，以及桌面图标的配置，不同的平台可以配置不同的图标。

此外，该包还有其它的参数可以配置，大家可以参考官方文档。配置好后不会立即生效，需要运行命令才可以生成相应的桌面图标，下面是运行命令后的内容：

your_home % flutter pub run flutter_launcher_icons
Changing current working directory to: /your_home/fluttercookbook
Deprecated. Use `dart run` instead.
Building package executable... (1.4s)
Built flutter_launcher_icons:flutter_launcher_icons.
  ════════════════════════════════════════════
     FLUTTER LAUNCHER ICONS (v0.13.1)                               
  ════════════════════════════════════════════
  
• Creating default icons Android
• Overwriting the default Android launcher icon with a new icon
• Overwriting default iOS launcher icon with new icon
No platform provided

✓ Successfully generated launcher icons

从上面的结果中可以看到，生成了桌面图标，我们也可以在Android的res目录下以及iOS的Runner/Assets.appiconset目录下看到新生成的图标。

生成的图标包含所有的分辨率，特别是iOS中同一分辨率下1x,2x,3x对应的图标也会一起生成，这个功能的原生配置的效果完全一样。不过Android和原生的ImageAsset功能还是有一些差异，它没有背景和前景，虽然可以通过包中的参数指定背景和前景，但是不如ImageAsset使用方便。