Flutter中设置Android的应用名称和图标(android,ios,web)

简介: 在前面的几期给大家介绍了flutter的安装以及一些简单的配置,还运行了helloword那么接下来就带领大家了解如何设置应用名称以及图标

在前面的几期给大家介绍了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("坚果前端小课堂"),  // 页面标题名
        ),
    ),
);
复制代码

好的,今天的分享到这儿就结束了,大家喜欢的话,可以点赞支持一下



相关文章
|
11月前
|
存储 消息中间件 人工智能
【04】AI辅助编程完整的安卓二次商业实战-寻找修改替换新UI首页图标-菜单图标-消息列表图标-优雅草伊凡
【04】AI辅助编程完整的安卓二次商业实战-寻找修改替换新UI首页图标-菜单图标-消息列表图标-优雅草伊凡
619 4
|
11月前
|
XML 存储 Java
【06】AI辅助编程完整的安卓二次商业实战-背景布局变更增加背景-二开发现页面跳转逻辑-替换剩余图标-优雅草卓伊凡
【06】AI辅助编程完整的安卓二次商业实战-背景布局变更增加背景-二开发现页面跳转逻辑-替换剩余图标-优雅草卓伊凡
252 3
【06】AI辅助编程完整的安卓二次商业实战-背景布局变更增加背景-二开发现页面跳转逻辑-替换剩余图标-优雅草卓伊凡
|
11月前
|
XML 编解码 Android开发
非常经典的Android开发问题-mipmap图标目录和drawable图标目录的区别和适用场景实战举例-优雅草卓伊凡
非常经典的Android开发问题-mipmap图标目录和drawable图标目录的区别和适用场景实战举例-优雅草卓伊凡
889 0
非常经典的Android开发问题-mipmap图标目录和drawable图标目录的区别和适用场景实战举例-优雅草卓伊凡
|
XML Android开发 数据格式
Android实战经验之Kotlin中快速实现动态更改应用图标和名称
本文介绍在Android中通过设置多个活动别名动态更改应用图标和名称的方法,涉及XML配置及Kotlin代码示例。
793 10
|
自然语言处理 定位技术 API
Android经典实战之如何获取图片的经纬度以及如何根据经纬度获取对应的地点名称
本文介绍如何在Android中从图片提取地理位置信息并转换为地址。首先利用`ExifInterface`获取图片内的经纬度,然后通过`Geocoder`将经纬度转为地址。注意操作需在子线程进行且考虑多语言支持。
2011 4
|
Android开发
解决android apk安装后出现2个相同的应用图标
解决android apk安装后出现2个相同的应用图标
1563 2
|
图形学 iOS开发 Android开发
从Unity开发到移动平台制胜攻略:全面解析iOS与Android应用发布流程,助你轻松掌握跨平台发布技巧,打造爆款手游不是梦——性能优化、广告集成与内购设置全包含
【8月更文挑战第31天】本书详细介绍了如何在Unity中设置项目以适应移动设备,涵盖性能优化、集成广告及内购功能等关键步骤。通过具体示例和代码片段,指导读者完成iOS和Android应用的打包与发布,确保应用顺利上线并获得成功。无论是性能调整还是平台特定的操作,本书均提供了全面的解决方案。
1018 0
|
前端开发 JavaScript Android开发
Flutter 调用本地 web
Flutter 调用本地 web
310 0
|
机器人 开发工具 Android开发
flutter web 优化和flutter_admin_template
flutter web 优化和flutter_admin_template