前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【Flutter 专题】 05 图解修改应用名称及图标

【Flutter 专题】 05 图解修改应用名称及图标

作者头像
阿策小和尚
发布2019-08-12 15:42:57
1.2K0
发布2019-08-12 15:42:57
举报
文章被收录于专栏:阿策小和尚阿策小和尚

和尚有个臭毛病就是新建的项目都会优先更改一下项目名称,按照自己喜欢的名字定义,当然包括 Logo 也修改一下。刚接触 Flutter,语法都还没有了解,一切都是未知,单就改个项目名称也耽误了不少功夫,现在整理一下。 Flutter 在新建过程中的 project name 即为默认的应用名称,现在想要修改,尝试如下:

解决方式

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

2. 和尚找了好久,以为 Flutter 是跨平台应用,对应 Android 和 iOS 的 project name 是统一修改的,可是和尚我理解错了,应用名称是需要在 Android 和 iOS 中分别调整的;Android 是在 AndroidManifest.xml 中修改;iOS 则是在 Info.plist 中修改的;如图: Tips: 在 Android 和 iOS 中项目名称可以不一致!

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

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

提醒建议

1. 虽然 Android 和 iOS 中项目名称和 Logo 可以设置内容有差异,但和尚建议:Android/iOS/Flutter->main.dart 中名称设置为一致,毕竟是一个应用,还是匹配相同为好。**
2. Flutter->main.dart 中默认有两个 title,和尚理解为第一个为应用内名称,第二个相当于 Activity 页面标题名称。
代码语言:javascript
复制
return new MaterialApp (
    title: '轻签到'   // 应用内名称
    home: new Scaffold(
        appBar: new AppBar(
            title: new Text('Welcome to Flutter),  // 页面标题名
        ),
    ),
);

和尚刚接触 Flutter 还需要不断学习摸索!


以下是和尚公众号,欢迎闲来吐槽〜

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2018-08-07,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 阿策小和尚 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 解决方式
  • 提醒建议
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档