Flutter 设置 App 的应用名字和应用 logo 图标的方法

简介: Flutter 设置 App 的应用名字和应用 logo 图标的方法,知识点虽然简单,但是不知道这个知识点就不行,所以还是要记录下来,分享一下。其实,Flutter 设置 App 的应用名称和图标是要分开来操作的,Android 和 iOS 是分开设置对应的 App 名称和图标的,这一点一定要注意。也可以把 Android 和 iOS 的应用名称和图标分开设置,可以设置不一样,但是毕竟一个 App 为了保证一致性,还是不要这样做,老老实实保证 Android 和 iOS 两个端的应用信息保持一致吧。

那么接下来就带领大家了解如何设置应用名称以及图标

Flutter 设置 App 的应用名字和应用 logo 图标的方法,

知识点虽然简单,但是不知道这个知识点就不行,所以还是要记录下来,分享一下。


其实,Flutter 设置 App 的应用名称和图标是要分开来操作的,Android 和 iOS 是分开设置对应的 App 名称和图标的,这一点一定要注意。也可以把 Android 和 iOS 的应用名称和图标分开设置,可以设置不一样,但是毕竟一个 App 为了保证一致性,还是不要这样做,老老实实保证 Android 和 iOS 两个端的应用信息保持一致吧。


Flutter 在新建过程中,生成的 project name 是默认的应用名称,应用图标也是默认的,具体效果如下所示:


image.png

一、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 对应的值就是应用的名称;


image.png


(2)AndroidManifest.xml 文件中 application 下面的 icon 对应的值就是应用的图标文件;


image.png

二、Flutter 中设置 iOS 的应用名称和图标

1、由于苹果的 icon 设置有点特殊,建议开发者直接通过 xcode 编辑器打开项目的 iOS 文件夹,然后在 xcode 编辑器里面进行 iOS 端的应用图标设置。由于我个人没有苹果电脑,不过也可以给大家提供一种方法


用 VS Code 编辑器打开项目,找到 iOS 目录下的 ios—>Runner—>Info.plist 文件,然后找到对应的设置应用名称的键值对进行设置;


(1)Info.plist 文件里面对应的含有 App 名字的键值对就是设置应用名称的地方;


image.png


(2)Assets.xcassets 文件里面的 AppIcon 里面对应的就是设置应用图标的地方;


image.png


设置完应用名称和图标的最终效果,如下所示:


image.png

三、Flutter 中设置 web 端的应用名称和图标

应用名称


index.html 中的 title


image.png


应用图标


image.png



最后在 main.dart 中默认有两个 title,你可以理解为第一个为应用内名称,第二个相当于 Activity 页面标题名称。


return new MaterialApp (
    title: '坚果'   // 应用内名称
    home: new Scaffold(
        appBar: new AppBar(
            title: new Text("坚果前端小课堂"),  // 页面标题名
        ),
    ),
);

复制代码


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

相关文章
|
2月前
|
开发框架 前端开发 Android开发
Flutter 与原生模块(Android 和 iOS)之间的通信机制,包括方法调用、事件传递等,分析了通信的必要性、主要方式、数据传递、性能优化及错误处理,并通过实际案例展示了其应用效果,展望了未来的发展趋势
本文深入探讨了 Flutter 与原生模块(Android 和 iOS)之间的通信机制,包括方法调用、事件传递等,分析了通信的必要性、主要方式、数据传递、性能优化及错误处理,并通过实际案例展示了其应用效果,展望了未来的发展趋势。这对于实现高效的跨平台移动应用开发具有重要指导意义。
275 4
|
9天前
|
前端开发 Java 开发工具
【03】完整flutter的APP打包流程-以apk设置图标-包名-签名-APP名-打包流程为例—-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈 章节内容【03】
【03】完整flutter的APP打包流程-以apk设置图标-包名-签名-APP名-打包流程为例—-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈 章节内容【03】
【03】完整flutter的APP打包流程-以apk设置图标-包名-签名-APP名-打包流程为例—-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈 章节内容【03】
|
3天前
|
Dart 前端开发
【05】flutter完成注册页面完善样式bug-增加自定义可复用组件widgets-严格规划文件和目录结构-规范入口文件-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【05】flutter完成注册页面完善样式bug-增加自定义可复用组件widgets-严格规划文件和目录结构-规范入口文件-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
103 75
【05】flutter完成注册页面完善样式bug-增加自定义可复用组件widgets-严格规划文件和目录结构-规范入口文件-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
|
2月前
|
缓存 监控 前端开发
优化 Flutter 应用启动速度的策略,涵盖理解启动过程、资源加载优化、减少初始化工作、界面布局优化、异步初始化、预加载关键数据、性能监控与分析等方面
本文探讨了优化 Flutter 应用启动速度的策略,涵盖理解启动过程、资源加载优化、减少初始化工作、界面布局优化、异步初始化、预加载关键数据、性能监控与分析等方面,并通过案例分析展示了具体措施和效果,强调了持续优化的重要性及未来优化方向。
90 10
|
1天前
|
Dart 前端开发 容器
【07】flutter完成主页-完成底部菜单栏并且做自定义组件-完整短视频仿抖音上下滑动页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【07】flutter完成主页-完成底部菜单栏并且做自定义组件-完整短视频仿抖音上下滑动页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【07】flutter完成主页-完成底部菜单栏并且做自定义组件-完整短视频仿抖音上下滑动页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
|
6天前
|
缓存 前端开发 Android开发
【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
|
11天前
|
Dart 前端开发 架构师
【01】vs-code如何配置flutter环境-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈-供大大的学习提升
【01】vs-code如何配置flutter环境-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈-供大大的学习提升
|
3天前
|
缓存 前端开发 IDE
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
|
2月前
|
存储 调度 数据安全/隐私保护
鸿蒙Flutter实战:13-鸿蒙应用打包上架流程
鸿蒙应用打包上架流程包括创建应用、打包签名和上传应用。首先,在AppGallery Connect中创建项目、APP ID和元服务。接着,使用Deveco进行手动签名,生成.p12和.csr文件,并在AppGallery Connect中上传CSR文件获取证书。最后,配置签名并打包生成.app文件,上传至应用市场。常见问题包括检查签名配置文件是否正确。参考资料:[应用/服务签名](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/ide-signing-V5)。
93 3
鸿蒙Flutter实战:13-鸿蒙应用打包上架流程
|
2月前
|
开发框架 前端开发 定位技术
Flutter框架中的插件市场及开源资源的利用方法。内容涵盖插件市场的扩展功能、时间节省与质量保证
本文深入探讨了Flutter框架中的插件市场及开源资源的利用方法。内容涵盖插件市场的扩展功能、时间节省与质量保证,常见插件市场的介绍,选择合适插件的策略,以及开源资源的利用价值与注意事项。通过案例分析和对社区影响的讨论,展示了这些资源如何促进开发效率和技术进步,并展望了未来的发展趋势。
64 11

热门文章

最新文章