在 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 GeneratorMakeAppIcon 快速生成所有尺寸的图标。


方法 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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值