Flutter中设置Android的应用名称和图标androidioswebyyds干货盘点

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

喜欢 (0)赏

[搞代码]

分享 (0)