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

2021年11月20日 阅读数:5
这篇文章主要向大家介绍【Flutter 专题】05 图解修改应用名称及图标 #yyds干货盘点#,主要内容包括基础应用、实用技巧、原理机制等方面,希望对大家有所帮助。

      小菜有个臭毛病就是新建的项目都会优先更改一下项目名称,按照本身喜欢的名字定义,固然包括 Logo 也修改一下。刚接触 Flutter,语法都尚未了解,一切都是未知,单就改个项目名称也耽误了很多功夫,如今整理一下。
      Flutter 在新建过程当中的 project name 即为默认的应用名称,如今想要修改,尝试以下:
默认建立时 project namejson

解决方式

  1. 修改 lib/main.dart 中 title 内容,可是应用的名称并未修改;小菜理解为应用内名称,当应用处于切换状态时,展现的为 title 名称,而此时桌面应用名称未改变,如图:

切换时 title

Flutter Project Name.png

  1. 小菜找了很久,觉得 Flutter 是跨平台应用,对应 Android 和 iOS 的 project name 是统一修改的,但是小菜我理解错了,应用名称是须要在 Android 和 iOS 中分别调整的;Android 是在 AndroidManifest.xml 中修改;iOS 则是在 Info.plist 中修改的;如图:
    Tip: 在 Android 和 iOS 中项目名称能够不一致!

Android Project Name.png

IOS Project Name.png

修改后应用名称

切换时应用名称

  1. 一样的,若是须要更改应用的 Logo,一样是在 Android 和 iOS 中分别调整的;Android 是添加图片在 mipmap 文件夹中,并在 AndroidManifest.xml 中修改;iOS 则是在 AppIcon.appiconset 文件夹中添加对应 Logo 图标,并在 Contents.json 中进行配置,如图:

Change Logo.png
更换 Logo

切换时 Logo

      至此,应用的名称和 Logo 都已修改为功!markdown

提醒建议

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 还须要不断学习摸索!app


来源:阿策小和尚ide