当前位置: 首页 > news >正文

在 Flutter 项目中iOS 的 App 图标和 App 名称 的设置

在 Flutter 项目中,iOS 的 App 图标和 App 名称的设置分为两个部分:


✅ 一、设置 App 名称(Display Name)

📍 路径:ios/Runner/Info.plist

  1. 打开 Xcode → 打开你的 iOS 项目(默认路径为 ios/Runner.xcworkspace

  2. 在左侧项目导航栏中选择:

    Runner > Runner > Info.plist
    
  3. 找到键值对:

    <key>CFBundleName</key>
    <string>ge_team_buy</string>
    
  4. 修改 <string> 中的内容为你想要的 App 名称,例如:

    <string>Chair</string>
    

或者直接在 Xcode 中修改:

  • 点击 Runner target → General tab → 修改 Display Name

✅ 二、设置 App 图标(App Icon)

📍 路径:ios/Runner/Assets.xcassets/AppIcon.appiconset/

Flutter 默认的图标位置是:

ios/Runner/Assets.xcassets/AppIcon.appiconset/

里面有一个 Contents.json 文件,定义了各种尺寸的图标映射。

方法 1:使用 Xcode 替换图标

  1. 打开 ios/Runner.xcworkspace
  2. 在左侧项目导航栏中找到并点击:
    Runner > Assets.xcassets > AppIcon
    
  3. 将你准备好的图标拖入对应尺寸的位置(推荐提供 1024x1024 的 PNG 图标)

💡 推荐工具:使用 AppIcon Generator 或 MakeAppIcon 快速生成所有尺寸的图标。


方法 2:手动替换图标文件(适用于自动化流程)

你可以将自己设计的图标命名为如下格式,并替换以下目录中的文件:

ios/Runner/Assets.xcassets/AppIcon.appiconset/

示例文件名:

AppIcon-60x60@2x.png
AppIcon-60x60@3x.png
AppIcon-76x76@1x.png
...

然后确保 Contents.json 中的配置与图标匹配:

{"images": [{"size": "60x60","idiom": "iphone","filename": "AppIcon-60x60@2x.png","scale": "2x"},...],"info": {"version": 1,"author": "xcode"}
}

✅ 三、设置 Bundle ID(可选)

如果你想更改 App 的唯一标识(用于发布):

  • 打开 Xcode → Runner → General → Identity → Bundle Identifier

例如:

com.example.chair

✅ 四、验证设置是否生效

保存所有更改后,在终端运行:

flutter build ios

或直接运行模拟器:

flutter run

你应该看到:

  • App 名称是你设置的新名字
  • App 图标是你新设置的图标

✅ 总结操作流程

设置项路径操作
App 名称(显示名称)Runner > Info.plist 或 Xcode General 标签页修改 CFBundleName 或 Display Name
App 图标ios/Runner/Assets.xcassets/AppIcon.appiconset/替换图标文件或通过 Xcode 拖拽设置
Bundle ID(可选)Xcode → Runner → General修改 Bundle Identifier

相关文章:

  • Spring依赖注入的四种方式(面)
  • 集装箱残损识别系统如何检测残损?它的识别率能达到多少?
  • MySQL 索引学习笔记
  • OpenCV CUDA模块图像变形------对图像进行下采样操作函数pyrDown()
  • 基于Node.js的线上教学系统的设计与实现(源码+论文+调试+安装+售后)
  • Transformer-GRU、Transformer、CNN-GRU、GRU、CNN五模型时序预测对比
  • LSTM助力迁移学习!深度学习架构性能提升,准确率达到99.91%!
  • 【无标题】六边形铺砖拓扑模型的深度解析:从几何结构到量子优势
  • 【机器学习】Teacher-Student框架
  • 使用freemarker模板 生成 word文档
  • 【论文阅读笔记】高光反射实时渲染新突破:3D Gaussian Splatting with Deferred Reflection 技术解析
  • Spring MVC 常用请求处理注解总结
  • 三轴云台之运动控制系统篇
  • uniapp——input 禁止输入 ,但是可以点击(禁用、可点击)
  • php列表头部增加批量操作按钮,多选订单数据批量微信退款(含微信支付SDK)
  • Kafka入门:解锁核心组件,开启消息队列之旅
  • 如何“下载安转Allure”?
  • UML和模式应用(软件分析设计与建模期末复习)
  • leetcode 从中序与后序序列 or 从前序与中序序列 构造二叉树 java
  • 【大模型应用开发】基于langchain的大模型调用及简单RAG应用构建
  • 郑州的做网站公司哪家好/云seo关键词排名优化软件
  • 安全的网站制作公司/百度seo优化规则
  • 一个公司做两个网站可以吗/广告投放网站平台
  • 越影网站建设/百度老旧版本大全
  • 烟台网站制作步骤/优化百度涨
  • 商丘行业网站建设开发公司/网络渠道有哪些