Flutter 修改应用程序的名称和图标

Android

修改应用程序的名称

在项目中找到 AndroidManifest.xml 文件,其中 android:label="demo" 就是应用程序名称,修改引号中的内容即可

android/app/src/main/AndroidManifest.xml

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
   package="com.demo.demo">
   <application
        android:label="demo"
        android:name="${applicationName}"
        android:icon="@mipmap/ic_launcher">
        ...
    </application>
</manifest>

修改应用程序的图标

在项目中找到 mipmap-mdpi mipmap-hdpi mipmap-xhdpi mipmap-xxhdpi mipmap-xxxhdpi 文件夹,替换这些文件夹中的 ic_launcher.png 文件即可

android/app/src/main/res

➜  res tree
.
├── drawable
│   └── launch_background.xml
├── drawable-v21
│   └── launch_background.xml
├── mipmap-mdpi
│   └── ic_launcher.png  # 图标大小为 48x48 像素
├── mipmap-hdpi
│   └── ic_launcher.png  # 图标大小为 72x72 像素
├── mipmap-xhdpi
│   └── ic_launcher.png  # 图标大小为 96x96 像素
├── mipmap-xxhdpi
│   └── ic_launcher.png  # 图标大小为 144x144 像素
├── mipmap-xxxhdpi
│   └── ic_launcher.png  # 图标大小为 192x192 像素
├── values
│   └── styles.xml
└── values-night
    └── styles.xml

9 directories, 9 files

注意:图标有多种尺寸的大小,是为了适配不同分辨率的手机而设计的

iOS

修改应用程序的名称

在项目中找到 Info.plist 文件,其中 CFBundleDisplayNameCFBundleName 下面的就是应用程序名称,修改内容即可

ios/Runner/Info.plist

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
    ...
    <key>CFBundleDisplayName</key>
    <string>demo</string>
    ...
    <key>CFBundleName</key>
    <string>demo</string>
    ...
</dict>
</plist>

修改应用程序的图标

找到项目中的 AppIcon.appiconset 文件夹,其中 Contents.json 是配置文件,其它的图片文件就是图标,替换这些图片文件即可

ios/Runner/Assets.xcassets/AppIcon.appiconset

➜  AppIcon.appiconset tree
.
├── Contents.json
├── Icon-App-20x20@1x.png  # 图标大小为 20x20 像素
├── Icon-App-20x20@2x.png  # 图标大小为 40x40 像素
├── Icon-App-20x20@3x.png  # 图标大小为 60x60 像素
├── Icon-App-29x29@1x.png  # 图标大小为 29x29 像素
├── Icon-App-29x29@2x.png  # 图标大小为 58x58 像素
├── Icon-App-29x29@3x.png  # 图标大小为 87x87 像素
├── Icon-App-40x40@1x.png  # 图标大小为 40x40 像素
├── Icon-App-40x40@2x.png  # 图标大小为 80x80 像素
├── Icon-App-40x40@3x.png  # 图标大小为 120x120 像素
├── Icon-App-60x60@2x.png  # 图标大小为 120x120 像素
├── Icon-App-60x60@3x.png  # 图标大小为 180x180 像素
├── Icon-App-76x76@1x.png  # 图标大小为 76x76 像素
├── Icon-App-76x76@2x.png  # 图标大小为 152x152 像素
├── Icon-App-83.5x83.5@2x.png  # 图标大小为 167x167 像素
└── Icon-App-1024x1024@1x.png  # 图标大小为 1024x1024 像素

0 directories, 16 files

注意:图标有多种尺寸的大小,是为了适配不同分辨率的手机而设计的

使用插件修改应用程序的名称

插件地址:https://pub.dev/packages/flutter_app_name

安装插件

在项目中找到 pubspec.yaml 文件,添加内容如下

dev_dependencies:
  flutter_test:
    sdk: flutter
  
  # 添加插件
  flutter_app_name: ^0.1.0

# 为插件设置参数
flutter_app_name:
  name: "演示程序"

执行命令并生成应用程序的名称

# 拉取插件
flutter pub get
# 生成应用程序的名称
flutter pub run flutter_app_name

使用插件修改应用程序的图标

插件地址:https://pub.dev/packages/flutter_launcher_icons

安装插件

在项目中找到 pubspec.yaml 文件,添加内容如下

dev_dependencies:
  flutter_test:
    sdk: flutter
  
  # 添加插件
  flutter_launcher_icons: "^0.9.2"

# 为插件设置参数
flutter_icons:
  android: "launcher_icon"
  ios: true
  image_path: "assets/icon/icon.png"

注意:准备一张 1024x1024png 图片,取名为 icon.png 并把它放在 assets/icon 目录中

执行命令并生成应用程序的图标

# 拉取插件
flutter pub get
# 生成应用程序的图标
flutter pub run flutter_launcher_icons:main

解决报错问题

错误如下
  ════════════════════════════════════════════
     FLUTTER LAUNCHER ICONS (v0.9.1)                               
  ════════════════════════════════════════════
  

✓ Successfully generated launcher icons
Unhandled exception:
FormatException: Invalid number (at character 1)

^

#0      int._handleFormatError (dart:core-patch/integers_patch.dart:129:7)
#1      int.parse (dart:core-patch/integers_patch.dart:55:14)
#2      minSdk (package:flutter_launcher_icons/android.dart:309:18)
#3      createIconsFromConfig (package:flutter_launcher_icons/main.dart:94:47)
#4      createIconsFromArguments (package:flutter_launcher_icons/main.dart:60:7)
#5      main (file:///Users/dabolau/snap/flutter/.pub-cache/hosted/pub.flutter-io.cn/flutter_launcher_icons-0.9.2/bin/main.dart:6:26)
#6      _delayEntrypointInvocation.<anonymous closure> (dart:isolate-patch/isolate_patch.dart:295:32)
#7      _RawReceivePortImpl._handleMessage (dart:isolate-patch/isolate_patch.dart:192:12)
pub finished with exit code 255
解决办法

找到 ~/flutter/.pub-cache/hosted/pub.dartlang.org/flutter_launcher_icons-0.9.2/lib/android.dart 文件修改内容如下

// 原有内容
// final String minSdk = line.replaceAll(RegExp(r'[^\d]'), '');
// 替换内容
final String minSdk = "21";

注意:如果使用了镜像地址就找到 ~flutter/.pub-cache/hosted/pub.flutter-io.cn/flutter_launcher_icons-0.9.2/lib/android.dart 文件来修改以上内容

解决办法参考地址

https://github.com/fluttercommunity/flutter_launcher_icons/issues/324

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,923评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,154评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,775评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,960评论 1 290
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,976评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,972评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,893评论 3 416
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,709评论 0 271
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,159评论 1 308
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,400评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,552评论 1 346
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,265评论 5 341
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,876评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,528评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,701评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,552评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,451评论 2 352

推荐阅读更多精彩内容