Flutter设置App图标,启动页和修改应用名称

您所在的位置：网站首页 › 怎么更改app的名字和图标大小不一样 › Flutter设置App图标,启动页和修改应用名称

Flutter设置App图标,启动页和修改应用名称

2024-07-16 17:28| 来源: 网络整理| 查看: 265

配置Android IOS的App图标和启动页

一、App图标1.准备一张符合大小的图片

一个图片生成工具

https://www.designevo.com/cn/logo-maker

为了适配各种机型的各种屏幕, App图标的大小需要适配

图标尺寸(单位:像素):

- android 512x512

- ios 1024x1024

2.借助插件生成对应大小的图片

flutter_launcher_icons插件

123456789dev_dependencies: flutter_test: sdk: flutter flutter_launcher_icons: ^0.7.5# 注意此处空格应与dev对齐flutter_icons: android: "launcher_icon" ios: true image_path: "assets/icon/logo.png" #icon所有目录

配置好上述代码后在终端运行该命令生成对应平台对应大小的图标

1$ flutter pub run flutter_launcher_icons:main

运行完成后图片在对应平台生成

3.修改双端配置加载App图片

Android

修改AndroidManifest.xml -> application节点下icon属性为我们生成好的图片名称

IOS

在Xcode中修改Runner文件夹中选择Assets.xcassets,使用自己的应用程序图标更换占位图标

4.运行查看1$ flutter run 二、启动页1.准备一张符合大小的启动图片

屏幕尺寸大小大全

https://uiiiuiii.com/screen/

图片尺寸:

iPhone XS Max 1242px × 2688px

android xxhdpi xhdpi

2.配置图片

将准备好的图片放置在对应平台的文件夹下

Android

1.将图片放在res目录下对应分辨率目录即mipmap中

2.解除res->drawbale->launch_background.xml文件中的注释,修改launch_image为自己配置的图片名称

在bitmap节点中配置启动页显示的图片

在drawable属性中配置启动页的背景颜色(默认白色)

123456789101112

可在res->values目录下新建colors.xml文件,在colors.xml文件中配置颜色

colors.xml

1234 #deecec IOS

修改ios->Runner->Assest.xcassets->LaunchImage.imageset目录下对应[email protected]的图片即可

三、修改应用名称Android

修改AndroidManifest.xml -> application节点下label属性为我们想要的名称

1android:label="you_name" IOS

修改ios->Runner->info.plist 中CFBundleName对应的value为我们想要的名称

12CFBundleNameyou_name 赏

谢谢你请我吃糖果

【本文地址】

Flutter设置App图标,启动页和修改应用名称

Flutter设置App图标,启动页和修改应用名称

今日新闻

推荐新闻