相关文章推荐
绅士的皮蛋  ·  Flutter中设置Android的应用名称 ...·  1 年前    · 
绅士的皮蛋  ·  Microsoft Teams ...·  1 年前    · 
绅士的皮蛋  ·  从零基础到精通:B端项目设计规范整理实例| ...·  1 年前    · 
绅士的皮蛋  ·  最新iOS设计规范三|3大界面要素:栏(Ba ...·  1 年前    · 
绅士的皮蛋  ·  最新iOS平台设计规范四|3大界面要素:视图 ...·  1 年前    · 
小百科  ›  Flutter中设置Android的应用名称和图标(android,ios,web)#yyds干货 ...
iOS 应用设计 flutter 软件 ios
绅士的皮蛋
1 年前
作者头像
程序员小顾
0 篇文章

Flutter中设置Android的应用名称和图标(android,ios,web)#yyds干货盘点#

原创
前往专栏
腾讯云
开发者社区
文档 意见反馈 控制台
首页
学习
活动
专区
工具
TVP
文章/答案/技术大牛
发布
首页
学习
活动
专区
工具
TVP
返回腾讯云官网
社区首页 > 专栏 > fjal > Flutter中设置Android的应用名称和图标(android,ios,web)#yyds干货盘点#

Flutter中设置Android的应用名称和图标(android,ios,web)#yyds干货盘点#

原创
作者头像
程序员小顾
发布 于 2022-01-20 18:30:08
1.6K 0
发布 于 2022-01-20 18:30:08
举报

Flutter设置App的应用名字和应用logo图标的方法,

知识点虽然简单,但是不知道这个知识点就不行,所以还是要记录下来,分享一下。

其实,Flutter设置App的应用名称和图标是要分开来操作的,Android和iOS是分开设置对应的App名称和图标的,这一点一定要注意。也可以把Android和iOS的应用名称和图标分开设置,可以设置不一样,但是毕竟一个App为了保证一致性,还是不要这样做,老老实实保证Android和iOS两个端的应用信息保持一致吧。

Flutter在新建过程中,生成的project name是默认的应用名称,应用图标也是默认的,具体效果如下所示:

一、Flutter中设置Android的应用名称和图标

这里把应用名称和图标放在一起介绍,具体操作如下所以。

1、首先要定位到修改应用名称的文件,有两种打开方式,

第一种方式就是用VS Code编辑器打开项目,然后找到项目里面的Android目录下的Android—>app—>src—>main—>AndroidManifest.xml文件,找到对应的位置进行修改;

第二种方式就是打开Android Studio编辑器打开项目里面的Android文件,依然是在app—>src—>main—>AndroidManifest.xml文件中进行修改,具体的操作如下所示:

(1)AndroidManifest.xml文件中application下面的label对应的值就是应用的名称;

(2)AndroidManifest.xml文件中application下面的icon对应的值就是应用的图标文件;

二、Flutter中设置iOS的应用名称和图标

1、由于苹果的icon设置有点特殊,建议开发者直接通过xcode编辑器打开项目的iOS文件夹,然后在xcode编辑器里面进行iOS端的应用图标设置。由于我个人没有苹果电脑,不过也可以给大家提供一种方法

用VS Code编辑器打开项目,找到iOS目录下的ios—>Runner—>Info.plist文件,然后找到对应的设置应用名称的键值对进行设置;

(1)Info.plist文件里面对应的含有App名字的键值对就是设置应用名称的地方;

(2)Assets.xcassets文件里面的AppIcon里面对应的就是设置应用图标的地方;

设置完应用名称和图标的最终效果,如下所示:

三、Flutter中设置web端的应用名称和图标

应用名称

index.html中的title

应用图标

最后在main.dart 中默认有两个 title,你可以理解为第一个为应用内名称,第二个相当于 Activity 页面标题名称。

return new MaterialApp (  
    title: '坚果'   // 应用内名称  
 
推荐文章
绅士的皮蛋  ·  Flutter中设置Android的应用名称和图标(android,ios,web)#yyds干货 ...
1 年前
绅士的皮蛋  ·  Microsoft Teams 的限制和规范- Microsoft Teams | Microsoft Learn
1 年前
绅士的皮蛋  ·  从零基础到精通:B端项目设计规范整理实例| 人人都是产品经理
1 年前
绅士的皮蛋  ·  最新iOS设计规范三|3大界面要素:栏(Bars)-腾讯云开发者社区-腾讯云
1 年前
绅士的皮蛋  ·  最新iOS平台设计规范四|3大界面要素:视图(Views) | 人人都是产品 ...
1 年前
今天看啥   ·   Py中国   ·   codingpro   ·   小百科   ·   link之家   ·   卧龙AI搜索
删除内容请联系邮箱 2879853325@qq.com
小百科 - 百科知识指南
© 2024 ~ 沪ICP备11025650号