flutter如何设置应用图标

在Flutter开发中，如何自定义应用的图标？我尝试替换了android/app/src/main/res目录下的图标文件，但安装后仍然显示默认的Flutter图标。是否需要额外配置才能生效？iOS平台又该如何设置？请有经验的朋友分享一下具体操作步骤和注意事项。

2 回复

在Flutter中设置应用图标：

  1. 替换android/app/src/main/res/和ios/Runner/Assets.xcassets/AppIcon.appiconset/中的图标文件。
  2. 使用flutter_launcher_icons包自动生成：在pubspec.yaml配置后运行flutter pub run flutter_launcher_icons:main。

更多关于flutter如何设置应用图标的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在 Flutter 中设置应用图标需要分别配置 Android 和 iOS 平台的图标资源。以下是详细步骤：

Android 平台配置：

  1. 准备不同分辨率的 PNG 图标文件：

    • 48x48 (mdpi)
    • 72x72 (hdpi)
    • 96x96 (xhdpi)
    • 144x144 (xxhdpi)
    • 192x192 (xxxhdpi)

  2. 将图标文件放入 android/app/src/main/res 目录下对应的 drawable 文件夹中：

    • mipmap-mdpi
    • mipmap-hdpi
    • mipmap-xhdpi
    • mipmap-xxhdpi
    • mipmap-xxxhdpi

  3. 修改 android/app/src/main/AndroidManifest.xml：

    <application
    android:icon="@mipmap/ic_launcher"
    ...>
</application>

iOS 平台配置：

  1. 准备多种尺寸的 PNG 图标（建议使用 1024x1024 源图通过工具生成）
  2. 将图标文件放入 ios/Runner/Assets.xcassets/AppIcon.appiconset
  3. 修改 Contents.json 文件确保指向正确的图标文件

推荐工具：

  • 使用 flutter_launcher_icons 包自动生成：
    1. 在 pubspec.yaml 中添加依赖
    2. 添加配置：
    dev_dependencies:
  flutter_launcher_icons: "^0.13.1"

flutter_launcher_icons:
  android: true
  ios: true
  image_path: "assets/icon/icon.png"
    1. 运行：flutter pub run flutter_launcher_icons:main

注意事项：

  • 图标必须是正方形 PNG 格式
  • iOS 需要完整的图标尺寸集合
  • 修改后需要重新编译应用（flutter clean && flutter run）

使用自动化工具可以大大简化图标配置流程。

回到顶部