Flutter设置App的应用名字和应用logo图标的方法(android ios web)

2024-06-04 8510阅读

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

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

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

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

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

Flutter设置App的应用名字和应用logo图标的方法(android ios web) 第1张

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

Flutter设置App的应用名字和应用logo图标的方法(android ios web) 第2张

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


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

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

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

Flutter设置App的应用名字和应用logo图标的方法(android ios web) 第3张

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

Flutter设置App的应用名字和应用logo图标的方法(android ios web) 第4张

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

Flutter设置App的应用名字和应用logo图标的方法(android ios web) 第5张

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


应用名称

index.html中的title

Flutter设置App的应用名字和应用logo图标的方法(android ios web) 第6张

应用图标

Flutter设置App的应用名字和应用logo图标的方法(android ios web) 第7张

Flutter设置App的应用名字和应用logo图标的方法(android ios web) 第8张

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

return new MaterialApp (

title: ‘坚果’ // 应用内名称

home: new Scaffold(

appBar: new AppBar(

title: new Text(“坚果前端小课堂”), // 页面标题名

),

),

);

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

Flutter设置App的应用名字和应用logo图标的方法(android ios web) 第9张

Flutter设置App的应用名字和应用logo图标的方法(android ios web) 第10张

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

Flutter设置App的应用名字和应用logo图标的方法(android ios web) 第11张

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(资料价值较高,非无偿)

Flutter设置App的应用名字和应用logo图标的方法(android ios web) 第12张

核心竞争力,怎么才能提高呢?

成年人想要改变生活,逆转状态?那就开始学习吧~

万事开头难,但是程序员这一条路坚持几年后发展空间还是非常大的,一切重在坚持。

为了帮助大家更好更高效的准备面试,特别整理了《前端工程师面试手册》电子稿文件。

Flutter设置App的应用名字和应用logo图标的方法(android ios web) 第13张

Flutter设置App的应用名字和应用logo图标的方法(android ios web) 第14张

前端面试题汇总

Flutter设置App的应用名字和应用logo图标的方法(android ios web) 第15张

JavaScript

Flutter设置App的应用名字和应用logo图标的方法(android ios web) 第16张

性能

Flutter设置App的应用名字和应用logo图标的方法(android ios web) 第17张

linux

Flutter设置App的应用名字和应用logo图标的方法(android ios web) 第18张

前端资料汇总

Flutter设置App的应用名字和应用logo图标的方法(android ios web) 第19张

完整版PDF资料免费分享,只需你点赞支持,动动手指点击此处即可领取了。

前端工程师岗位缺口一直很大,符合岗位要求的人越来越少,所以学习前端的小伙伴要注意了,一定要把技能学到扎实,做有含金量的项目,这样在找工作的时候无论遇到什么情况,问题都不会大。

ba223f65e063db5b1b4b6aa26129a.png)

完整版PDF资料免费分享,只需你点赞支持,动动手指点击此处即可领取了。

前端工程师岗位缺口一直很大,符合岗位要求的人越来越少,所以学习前端的小伙伴要注意了,一定要把技能学到扎实,做有含金量的项目,这样在找工作的时候无论遇到什么情况,问题都不会大。


    免责声明:我们致力于保护作者版权,注重分享,被刊用文章因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理! 部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理! 图片声明:本站部分配图来自人工智能系统AI生成,觅知网授权图片,PxHere摄影无版权图库和百度,360,搜狗等多加搜索引擎自动关键词搜索配图,如有侵权的图片,请第一时间联系我们,邮箱:ciyunidc@ciyunshuju.com。本站只作为美观性配图使用,无任何非法侵犯第三方意图,一切解释权归图片著作权方,本站不承担任何责任。如有恶意碰瓷者,必当奉陪到底严惩不贷!

    目录[+]