Flutter修改应用名称及应用图标

5,676 阅读2分钟

前言

本文主要记录了flutter项目修改应用名称和应用图标的几种方式。

修改应用名称

Android端

  • 修改android:label属性值

1、打开项目目录下的android/app/src/main/AndroidManifest.xml文件;

2、修改<application>标签内的android:label属性,将属性值修改为你想要的名称;

3、保存并重新运行项目即可查看效果。

image.png

IOS端

文章记录了三种方式,任选其中一种即可(其他两种方式的数据将自动同步)。

  • 修改CFBundleDisplayName属性值

1、打开项目目录下的ios/Runner/Info.plist文件;

2、将CFBundleDisplayName属性值修改为你想要的名称;

3、保存并重新运行项目即可查看效果。

image.png

  • 通过Xcode编辑器修改DisplayName数据

截屏2023-04-07 14.55.12.png

  • 通过Xcode编辑器修改CFBundleDisplayName信息

截屏2023-04-07 14.58.00.png

修改应用图标

Android端

  • 打开Android module配置Image Asset信息

1、右键点击项目目录下的Android文件夹,选择Flutter下的Open Android module in Android Studio选项; image.png

2、右键点击app文件夹,选择New下的Image Assert选项; image.png

3、配置应用图标相应信息; 截屏2023-04-07 15.28.34.png

4、保存并重新运行项目即可查看效果。 截屏2023-04-07 15.53.43.png

1、打开https://icon.wuruihong.com图标工厂网站; 截屏2023-04-07 16.58.16.png

2、上传图片生成相应文件,点击下载所有图标(平台和参数可按实际需求设置); 截屏2023-04-07 16.58.32.png image.png

3、打开下载文件内的android文件夹,替换项目目录下android/app/src/main/resmipmap-开头的同名文件; image.png 截屏2023-04-08 17.17.08.png

4、保存并重新运行项目即可查看效果。

IOS端

1、打开https://icon.wuruihong.com图标工厂网站;

2、上传图片生成相应文件,点击下载所有图标(平台和参数可按实际需求设置); 截屏2023-04-07 16.58.56.png

3、打开下载文件内的ios文件夹,将AppIcon.appiconset文件替换项目目录下ios/Runner/Assets.xcassets内的AppIcon.appiconset文件; image.png image.png

4、保存并重新运行项目即可查看效果。

总结