Flutter应用图标生成插件flutter_launcher_icons_module的使用
Flutter应用图标生成插件flutter_launcher_icons_module的使用
flutter_launcher_icons_module
flutter_launcher_icons_module 是一个用于快速生成 Flutter 应用图标集的插件。它可以帮助开发者轻松地为 Android 和 iOS 平台生成不同分辨率的应用图标。
安装
以下是安装步骤：
-
如果你还没有创建
juneflow项目，请按照以下指南创建： -
在项目的根目录打开终端，运行以下命令以添加模块：
june add flutter_launcher_icons_module -
运行以下命令以安装并生成图标：
flutter pub run flutter_launcher_icons
使用方法
flutter_launcher_icons_module 的使用非常简单。你需要在项目的根目录下创建或修改 pubspec.yaml 文件，配置所需的图标信息。以下是一个完整的示例：
示例代码：配置 pubspec.yaml
flutter_icons:
android: true
ios: true
image_path: "assets/icon/icon.png"
adaptive_icon_background: "#FFFFFF"
adaptive_icon_foreground: "assets/icon/foreground_icon.png"android和ios: 设置为true表示同时为 Android 和 iOS 生成图标。image_path: 指定源图标文件的路径（建议使用 1024x1024 像素的 PNG 图片）。adaptive_icon_background: 设置自适应图标的背景颜色（例如白色#FFFFFF）。adaptive_icon_foreground: 指定自适应图标的前景图片路径。
完成后，运行以下命令生成图标：
flutter pub run flutter_launcher_icons生成结果
执行上述命令后，插件会根据配置生成所有必要的图标，并将它们放置在以下路径：
- Android:
android/app/src/main/res/ - iOS:
ios/Runner/Images.xcassets/AppIcon.appiconset/
示例：生成后的文件结构
android/
└── app/
└── src/
└── main/
└── res/
├── mipmap-hdpi/
├── mipmap-mdpi/
├── mipmap-xhdpi/
├── mipmap-xxhdpi/
└── mipmap-xxxhdpi/
ios/
└── Runner/
└── Images.xcassets/
└── AppIcon.appiconset/
├── Icon-App-60x60@3x.png
├── Icon-App-60x60@2x.png
├── Icon-App-76x76@2x.png
└── ...
更多关于Flutter应用图标生成插件flutter_launcher_icons_module的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html
flutter_launcher_icons 是一个用于生成 Flutter 应用图标的插件。它可以帮助你自动生成适用于 Android 和 iOS 平台的应用图标，而不需要手动创建和配置多个不同尺寸的图标。
安装 flutter_launcher_icons
首先，你需要在 pubspec.yaml 文件中添加 flutter_launcher_icons 依赖：
dev_dependencies:
flutter_launcher_icons: ^0.13.1然后运行 flutter pub get 来安装依赖。
配置 flutter_launcher_icons
在 pubspec.yaml 文件中添加 flutter_launcher_icons 的配置。以下是一个示例配置：
flutter_launcher_icons:
android: true
ios: true
image_path: "assets/icon/icon.png"
adaptive_icon_background: "#FFFFFF"
adaptive_icon_foreground: "assets/icon/icon_foreground.png"android: true：为 Android 平台生成图标。ios: true：为 iOS 平台生成图标。image_path：指定源图标的路径。这个图标应该是高分辨率的，插件会根据这个图标生成不同尺寸的图标。adaptive_icon_background：Android 自适应图标的背景颜色。adaptive_icon_foreground：Android 自适应图标的前景图片路径。
生成图标
配置完成后，运行以下命令来生成图标：
flutter pub run flutter_launcher_icons:main这个命令会根据 pubspec.yaml 中的配置生成适用于 Android 和 iOS 平台的应用图标。
自定义配置
你可以根据需要进一步自定义配置。例如，你可以为 Android 和 iOS 分别指定不同的图标路径：
flutter_launcher_icons:
android: "launcher_icon_android"
ios: true
image_path_android: "assets/icon/icon_android.png"
image_path_ios: "assets/icon/icon_ios.png"注意事项
- 图标尺寸：源图标应该足够大，以确保生成的小图标不会失真。通常建议使用 1024x1024 像素的图标。
- 自适应图标：Android 8.0 及以上版本支持自适应图标。你需要提供前景和背景图片或颜色。
- iOS 图标：iOS 图标需要满足 Apple 的规范，确保生成的图标符合要求。
示例
以下是一个完整的 pubspec.yaml 示例：
name: my_flutter_app
description: A new Flutter project.
publish_to: 'none' # Remove this line if you want to publish to pub.dev
version: 1.0.0+1
environment:
sdk: ">=2.19.0 <3.0.0"
dependencies:
flutter:
sdk: flutter
dev_dependencies:
flutter_launcher_icons: ^0.13.1
flutter_launcher_icons:
android: true
ios: true
image_path: "assets/icon/icon.png"
adaptive_icon_background: "#FFFFFF"
adaptive_icon_foreground: "assets/icon/icon_foreground.png"
flutter:
uses-material-design: true
assets:
- assets/icon/icon.png
- assets/icon/icon_foreground.png