Flutter 专题05 图解修改应用名称及图标 #yyds干货盘点#

今日长缨在手,何时缚住苍龙。这篇文章主要讲述Flutter 专题05 图解修改应用名称及图标 #yyds干货盘点#相关的知识,希望能为你提供帮助。
            小菜有个臭毛病就是新建的项目都会优先更改一下项目名称,按照自己喜欢的名字定义,当然包括 Logo 也修改一下。刚接触 Flutter,语法都还没有了解,一切都是未知,单就改个项目名称也耽误了不少功夫,现在整理一下。
            Flutter 在新建过程中的 project name 即为默认的应用名称,现在想要修改,尝试如下:

Flutter 专题05 图解修改应用名称及图标 #yyds干货盘点#

文章图片

解决方式
  1. 修改 lib/main.dart 中 title 内容,但是应用的名称并未修改;小菜理解为应用内名称,当应用处于切换状态时,展示的为 title 名称,而此时桌面应用名称未改变,如图:
Flutter 专题05 图解修改应用名称及图标 #yyds干货盘点#

文章图片

Flutter 专题05 图解修改应用名称及图标 #yyds干货盘点#

文章图片

  1. 小菜找了好久,以为 Flutter 是跨平台应用,对应 android 和 ios 的 project name 是统一修改的,可是小菜我理解错了,应用名称是需要在 Android 和 iOS 中分别调整的;Android 是在 AndroidManifest.xml 中修改;iOS 则是在 Info.plist 中修改的;如图:
    Tip: 在 Android 和 iOS 中项目名称可以不一致!
Flutter 专题05 图解修改应用名称及图标 #yyds干货盘点#

文章图片

Flutter 专题05 图解修改应用名称及图标 #yyds干货盘点#

文章图片

Flutter 专题05 图解修改应用名称及图标 #yyds干货盘点#

文章图片

Flutter 专题05 图解修改应用名称及图标 #yyds干货盘点#

文章图片

  1. 同样的,如果需要更改应用的 Logo,同样是在 Android 和 iOS 中分别调整的;Android 是添加图片在 mipmap 文件夹中,并在 AndroidManifest.xml 中修改;iOS 则是在 AppIcon.appiconset 文件夹中添加对应 Logo 图标,并在 Contents.json 中进行配置,如图:
Flutter 专题05 图解修改应用名称及图标 #yyds干货盘点#

文章图片

Flutter 专题05 图解修改应用名称及图标 #yyds干货盘点#

文章图片

Flutter 专题05 图解修改应用名称及图标 #yyds干货盘点#

文章图片

            至此,应用的名称和 Logo 都已修改成功!
提醒建议
1. 虽然 Android 和 iOS 中项目名称和 Logo 可以设置内容有差异,但小菜建议:Android/iOS/Flutter-> main.dart 中名称设置为一致,毕竟是一个应用,还是匹配相同为好。 2. Flutter-> main.dart 中默认有两个 title,小菜理解为第一个为应用内名称,第二个相当于 Activity 页面标题名称。
return new MaterialApp ( title: 轻签到// 应用内名称 home: new Scaffold( appBar: new AppBar( title: new Text(Welcome to Flutter),// 页面标题名 ), ), );

【Flutter 专题05 图解修改应用名称及图标 #yyds干货盘点#】            小菜刚接触 Flutter 还需要不断学习摸索!

    推荐阅读