|
大家好。我是坚果，这是我的公众号“坚果前端”，觉得不错的话，关注一下吧，如果你迷惘，不妨看看码农的轨迹 在前面的几期给大家介绍了flutter的安装以及一些简单的配置，还运行了helloword 那么接下来就带领大家了解如何设置应用名称以及图标 Flutter设置App的应用名字和应用logo图标的方法， 知识点虽然简单，但是不知道这个知识点就不行，所以还是要记录下来，分享一下。 我本人有个习惯就是每次会先把应用程序的图标和logo换了，不然看这着急， 其实，Flutter设置App的应用名称和图标是要分开来操作的，Android和iOS以及web等是分开设置对应的App名称和图标的，这一点一定要注意。也可以把Android，iOS，以及web的应用名称和图标分开设置，你可以设置不一致，但是一个程序还是应该用一个图标和logo会更好。 Flutter在新建过程中，生成的project name是默认的应用名称，应用图标也是默认的，具体效果如下所示：  一、Flutter中设置Android的应用名称和图标 1、首先要定位到修改应用名称的文件 路径：Android—>app—>src—>main—>AndroidManifest.xm （1）AndroidManifest.xml文件中application下面的label对应的值就是应用的名称；  image-20211123204253273 （2）AndroidManifest.xml文件中application下面的icon对应的值就是应用的图标文件；  im 二、Flutter中设置iOS的应用名称和图标 ios设置的路径在 ios—>Runner—>Info.plis 用VS Code编辑器打开项目，找到iOS目录下的ios—>Runner—>Info.plist文件，然后找到对应的设置应用名称的键值对进行设置； （1）Info.plist文件里面对应的含有App名字的键值对就是设置应用名称的地方；  （2）Assets.xcassets文件里面的AppIcon里面对应的就是设置应用图标的地方；  image 设置完应用名称和图标的最终效果，如下所示：  三、Flutter中设置web端的应用名称和图标 应用名称 index.html中的title  image-20211123211341676 应用图标  image-20  image-20 最后在main.dart 中默认有两个 title，你可以理解为第一个为应用内名称，第二个相当于 Activity 页面标题名称。return new MaterialApp ( title: '坚果' // 应用内名称 home: new Scaffold( appBar: new AppBar( title: new Text("坚果前端小课堂"), // 页面标题名 ), ), ); 道阻且长，一起加油！ |
|
|
