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("坚果前端小课堂"),  // 页面标题名
        ),
    ),
);
复制代码

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



相关文章
|
4天前
|
开发工具 Android开发 iOS开发
探索Android与iOS开发的差异与挑战
【7月更文挑战第11天】在移动应用开发的广阔天地中,Android和iOS两大平台如同双子星座般耀眼,各自拥有独特的开发生态和用户群体。本文将深入分析这两个平台的显著差异,从技术架构到开发工具,再到市场定位,揭示它们之间的异同。通过比较,我们不仅能够更好地理解各自的优势和局限,还能洞察未来移动应用开发的趋势。
|
7天前
|
Java Android开发 iOS开发
探索Android与iOS开发的差异:平台选择对项目成功的影响
【7月更文挑战第8天】在移动应用开发的广阔天地中,Android与iOS两大平台各自占据着半壁江山。本文将深入探讨这两个平台在开发环境、用户界面设计、性能优化以及市场覆盖等方面的根本差异,并分析这些差异如何影响项目的成功。通过比较和分析,旨在为开发者在选择平台时提供更全面的视角,帮助他们根据项目需求和目标市场做出更明智的决策。
|
8天前
|
Java 调度 Android开发
深入解析Android应用开发中的响应式编程与RxJava应用
在现代Android应用开发中,响应式编程及其核心框架RxJava正逐渐成为开发者的首选。本文将深入探讨响应式编程的基本概念、RxJava的核心特性以及如何在Android应用中利用RxJava提升代码的可读性和性能。 【7月更文挑战第7天】
|
9天前
|
安全 Android开发 iOS开发
Android vs iOS:哪个操作系统更适合你的智能设备?
在今天的移动设备市场上,Android和iOS是两个主要的操作系统选择。本文将分析它们的优缺点,帮助读者选择最适合自己需求的操作系统。 【7月更文挑战第6天】
20 2
|
5天前
|
开发者 Kotlin Android开发
Kotlin协程在Android开发中的应用
【7月更文挑战第10天】Kotlin协程简化了Android异步编程,提供轻量级并发。挂起函数让异步代码看起来同步,不阻塞线程,便于管理。在项目中,添加Kotlin和协程依赖,如`kotlinx.coroutines-core`和`kotlinx-coroutines-android`。使用`CoroutineScope`和`launch`处理耗时任务,如网络请求,避免主线程阻塞。挂起函数和调度器控制执行上下文,适应不同任务需求。
|
11天前
|
机器学习/深度学习 人工智能 文字识别
文本,文字扫描01,OCR文本识别技术展示,一个安卓App,一个简单的设计,文字识别可以应用于人工智能,机器学习,车牌识别,身份证识别,银行卡识别,PaddleOCR+SpringBoot+Andr
文本,文字扫描01,OCR文本识别技术展示,一个安卓App,一个简单的设计,文字识别可以应用于人工智能,机器学习,车牌识别,身份证识别,银行卡识别,PaddleOCR+SpringBoot+Andr
|
12天前
flutter 导航组件 AppBar (含顶部选项卡TabBar,抽屉菜单 drawer ,自定义导航图标)
flutter 导航组件 AppBar (含顶部选项卡TabBar,抽屉菜单 drawer ,自定义导航图标)
11 1
|
4天前
|
Java 开发工具 Android开发
探索Android与iOS开发的差异与挑战
【7月更文挑战第11天】在移动应用开发的广阔天地中,Android和iOS两大平台各领风骚。本文将深入探讨这两个平台的开发差异,从编程语言、用户界面设计到开发工具等方面进行比较,并分析开发者面临的挑战。通过对比分析,旨在为开发者提供一个全面的视角,帮助他们更好地选择适合自己项目需求的开发平台。
8 0
|
6天前
|
搜索推荐 Android开发 iOS开发
探索Android与iOS开发的差异:平台特性与用户体验的对比分析
【7月更文挑战第9天】在移动应用开发的浩瀚海洋中,Android和iOS两大操作系统如同两座灯塔,指引着开发者们的航向。本文将深入探讨这两个平台在开发环境、用户界面设计、性能优化以及市场策略上的根本差异。我们将通过比较分析,揭示各自平台的独特优势和潜在挑战,为开发者提供决策支持,同时也为用户体验的提升指明方向。
|
6天前
|
安全 Java Android开发
探索Android与iOS开发环境的差异与挑战
【7月更文挑战第9天】在移动应用开发的广阔天地中,Android和iOS两大平台各自占据着半壁江山。它们在开发环境、工具链支持、用户群体及市场份额等方面展现出明显的差异,这些差异为开发者带来了不同的挑战。本文将深入分析这两大平台的开发环境,探讨它们在技术栈、生态系统、界面设计、性能优化以及安全性方面的异同,并讨论如何克服跨平台开发时所面临的困难。