Flutter设置App的应用名字和应用logo图标的方法(android ios web)
在前面的几期给大家介绍了flutter的安装以及一些简单的配置,还运行了helloword
那么接下来就带领大家了解如何设置应用名称以及图标
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: '坚果' // 应用内名称home: new Scaffold(appBar: new AppBar(title: new Text("坚果前端小课堂"), // 页面标题名),),
);
好的,今天的分享到这儿就结束了,大家喜欢的话,可以点赞支持一下
Flutter设置App的应用名字和应用logo图标的方法(android ios web)相关推荐
- Flutter 设置 App 的主色调与字体
App 开发过程中,肯定希望给用户带来一致的体验,这其中最基础的就是色调.字体保持一致.在 Flutter 中,可以设置全局的主题色调和字体,从而在其他页面引用主色调和字体,实现页面展示层面的一致. ...
- android 启动白屏_从细节入手改善用户体验,Flutter跨平台App开发中设置Android和iOS的启动页
前言 flutter开发App方便快捷,就是冷启动的时候要加载dart引擎有短暂的白屏,严重影响用户体验,这个时候我们就需要设置一个启动图片,想国内大部分App那样(例如微信那个地球),启动App的时 ...
- IOS开发之——设置APP图标、名字、启动页(50)
一 概述 本文介绍给APP进行一些基本配置 APP图标 名字 启动页 <!--more--> 二 APP图标设置 依次点击:Xcode-->应用-->Assets.xcasse ...
- 浅识Flutter Android studio 设置APP启动页
Flutter Android studio 设置APP名启动页 Android设置APP启动页 ios设置APP启动页 APP的应用一打开,启动应用程序后,进入主功能界面前会有一张图片或一段动画效果 ...
- Android Studio 更换/设置App应用图标Icon
Android Studio 更换/设置App应用图标Icon 刚开始接触Android Studio,用C++.Java编程做一个小的App,心血来潮想要换掉默认的安卓应用图标和应用名称,在经历一番 ...
- iOS开发:设置App名称,设置App icon图标,设置App启动图
在App开发过程中,需要设置App的名字.icon图标.启动图等,也难免会遇到修改App的名字.icon图标.启动图等,下面就来谈谈这三个部分的具体设置步骤. 一.设置及修改App icon图标的步骤 ...
- Flutter实现App功能引导页
Flutter实现App功能介绍页 App功能介绍页,主要是由介绍app功能的几张图片和当前页指示符组成,如下效果 我们来一步一步实现上面的界面,左右滑动切换显示功能页,这个可以通过PageView来 ...
- iOS开发技巧:设置App icon图标及修改应用程序名
前言 这是iOS开发技巧系列博客的第二篇,本篇主要简单介绍一下如何设置应用程序的icon图标以及修改应用程序名. 设置 icon 首先我们来看看如何设置App icon图标,设置应用程序的icon图标 ...
- Flutter 打包APP (Android IOS)
打包Android apk 参考 https://flutter.dev/docs/deployment/android https://flutterchina.club/android-relea ...
最新文章
- java游戏移动_java - Java游戏 - 如何让敌人移动? - SO中文参考 - www.soinside.com
- 帧中继环境下NBMA模式的配置
- DayDayUp:《P2P行业最高端的玩法》源于网友网络收集
- OpenCV在浏览器中运行深度网络
- C语言--结构体与内存对齐准则简单理解
- 近期新机发布一览:最便宜的只需699元!
- redis decr 防止超卖_Redis基础、高级特性与性能调优——一篇文章搞定
- 嵌入式开发笔记——调试组件SEGGER_HardFaultHandle
- 服务器系统试用,“雪豹”安装篇(3)
- 网页版魔兽争霸游戏策划
- 【软考】--软考是一盘散沙?NO
- html2canvas教程_HTML5 Canvas教程:简介
- 软件项目延期,怎么办?
- 星巴克创始人第三次重出江湖
- 汇编指令lmm_动画视频角色的LMM神经网络
- java parser .java_Stanford Parser使用之 Eclipse+java调用
- Linux初识 —— 基本指令的使用
- 尿素和车用尿素的区别
- 用javascript编写的小游戏-打砖块
- 10.9 guz模拟题题解