You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Flutter开发:如何修改应用显示名称与应用图标?

Flutter应用显示名称修改与图标更换指南

一、修改应用显示名称

Flutter应用的显示名称需针对Android和iOS平台分别配置:

Android平台操作

  1. 打开项目路径 android/app/src/main/AndroidManifest.xml
  2. 找到 <application> 标签,修改 android:label 属性值为新名称:
    <application
        android:label="你的新应用名称"
        ...>
    
  3. 若调试版本显示名称未更新,检查 android/app/src/debug/AndroidManifest.xml 中的同名属性,同步修改即可

iOS平台操作

  1. 打开项目路径 ios/Runner/Info.plist
  2. 找到以下两个键值对,替换 <string> 内的内容为新名称:
    <key>CFBundleDisplayName</key>
    <string>你的新应用名称</string>
    
    <key>CFBundleName</key>
    <string>你的新应用名称</string>
    
  3. 保存后重新运行应用,新名称即可生效

二、更换应用图标

提供手动替换和插件自动生成两种方式,后者更高效省心:

方式1:手动替换图标

Android平台

  1. 准备对应分辨率的图标文件(适配mipmap-hdpi/mipmap-mdpi/mipmap-xhdpi等目录)
  2. 替换 android/app/src/main/res/mipmap-*/ 下的 ic_launcher.png 和 ic_launcher_round.png(若使用圆形图标)
  3. 清理缓存后重新运行:flutter clean && flutter run

iOS平台

  1. 打开Xcode,选中Runner项目,进入 Assets.xcassets/AppIcon.appiconset
  2. 将对应尺寸的图标拖入占位槽(需符合官方尺寸要求)
  3. 卸载旧应用后重新安装,避免缓存保留旧图标

方式2:使用flutter_launcher_icons插件自动生成

  1. 在 pubspec.yaml 中添加开发依赖:
    dev_dependencies:
      flutter_test:
        sdk: flutter
      flutter_launcher_icons: "^0.13.1" # 建议使用最新版本
    
  2. 在文件末尾添加图标配置:
    flutter_icons:
      android: "launcher_icon"
      ios: true
      image_path: "assets/icon/icon.png" # 原始图标路径(推荐1024x1024像素)
    
  3. 执行命令生成图标:
    flutter pub get
    flutter pub run flutter_launcher_icons:main
    
  4. 生成完成后重新运行应用,新图标即可显示

内容的提问来源于stack exchange,提问作者Tharuka kalansuriya

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.21 19:28:15