Flutter设置App的利用名字和利用logo图标的办法,
知识点尽管简略,然而不晓得这个知识点就不行,所以还是要记录下来,分享一下。

其实,Flutter设置App的利用名称和图标是要离开来操作的,Android和iOS是离开设置对应的App名称和图标的,这一点肯定要留神。也能够把Android和iOS的利用名称和图标离开设置,能够设置不一样,然而毕竟一个App为了保障一致性,还是不要这样做,老老实实保障Android和iOS两个端的利用信息保持一致吧。

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

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

一、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对应的值就是利用的名称;

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

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

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

二、Flutter中设置iOS的利用名称和图标
1、因为苹果的icon设置有点非凡,倡议开发者间接通过xcode编辑器关上我的项目的iOS文件夹,而后在xcode编辑器外面进行iOS端的利用图标设置。因为我集体没有苹果电脑,不过也能够给大家提供一种办法

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

(1)Info.plist文件外面对应的含有App名字的键值对就是设置利用名称的中央;

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

(2)Assets.xcassets文件外面的AppIcon外面对应的就是设置利用图标的中央;

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

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

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

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

index.html中的title

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

利用图标

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

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

最初在main.dart 中默认有两个 title,你能够了解为第一个为利用内名称,第二个相当于 Activity 页面题目名称。

return new MaterialApp (

title: '坚果'   // 利用内名称  home: new Scaffold(      appBar: new AppBar(          title: new Text("坚果前端小课堂"),  // 页面题目名      ),  ),  

);
我的库存,须要的小伙伴请点击我的GitHub收费支付

image.png