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("坚果前端小课堂"), // 页面标题名
),
),
);
好的,今天的分享到这儿就结束了,大家喜欢的话,可以点赞支持一下
相关文章
- Android和ios模型部署
- Android,iOS打开手机QQ与指定用户聊天界面
- 轻松入门软件测试--兼容性测试(Android篇及iOS篇)
- 在 ubuntu 下使用 Pushbullet Indicator 向 Android/iOS 设备推送文件
- android--gridview的使用
- 三面阿里Android开发岗无理由挂了,被HR一句话噎死,网友:HR有一票否决
- Android/iOS内嵌Unity开发示例
- Android入门教程(八)
- Android如何使用可视化埋点上报数据?
- 《Android安全技术揭秘与防范》—第1章1.3节Android和iOS系统对比
- 《iOS 9 开发指南》——第1章,第1.1节IOS开发入门
- 《精通Android 实例开发》——第1章,第1.6节验证Android开发环境
- 《Android 应用案例开发大全(第3版)》——第2.7节线程相关类
- android开发:Android 中自定义View的应用
- 国外创业者分享之Android 与 iOS:猜猜哪个能让开发者赚得更多
- SwiftUI iOS 完整项目之基于CoreData构建购物计划App(教程含源码App Store上线app)
- android开发之socket快传文件以及消息返回
- 解决Android SDK Manager下载问题和android studio每次启动都要在fetching Android sdk compoment information
- Android 串口通信基于licheedev和android-serialport两种方案实现附Demo
- IOS APP上架App Store及提交审核详细教程
- Flutter Web实战项目打造真正跨平台应用(windows,android,ios,linux,macos,web)
- Android学习笔记之:android更新ui的几种经常用法
- 【Android开发经验】android:windowSoftInputMode属性具体解释
- Unity 工具之 内嵌网页/浏览器 web view / browser 插件的整理大全(包括Window Mac Android iOS 等)
- iOS 静态库制作(Xcode9.0 版本)(注:亲测.a静态文件放在Unity Plugins/IOS 也可用)
- 解析Android的 消息传递机制Handler
- Android bluetooth介绍(两): android 蓝牙源架构和uart 至rfcomm过程
- 安卓Android碎片fragment实现静态加载
- weex-platform里iOS项目打包报错/platforms/ios/../../start does not exist.
- iOS/Android 浏览器(h5)及微信中唤起本地APP
- Android存储数据的三种方式
- Android Studio 升级后遇到乱码问题