Flutter App图标、启动图的生成 和 修改 App 名称

1.App图标生成

规格说明:

android:https://developer.android.google.cn/google-play/resources/icon-design-specifications

ios:https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/app-icon/

图标尺寸:

android:512 x 512

ios:1024 x 1024

插件:

flutter官方提出的解决方案:flutter_launcher_icons

使用:

1. Setup the config file

dev_dependencies:
  flutter_launcher_icons: "^0.7.3"

flutter_icons:
  android: "launcher_icon"
  ios: true
  image_path: "assets/icon/icon.png"

其中 image_path 需要更改为你的图标路径

2. Run the package

flutter pub get
flutter pub run flutter_launcher_icons:main

执行 flutter pub run flutter_launcher_icons:main 之后,会在 android 和 ios 文件夹里对应放启动图标的地方生成图标,然后重新运行,观看图标生成的效果

在线做图标工具:

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

 

2.启动图生成

规格说明:

ios:https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/adaptivity-and-layout/#device-screen-sizes-and-orientations

手机屏幕尺寸大全:https://uiiiuiii.com/screen/

图片尺寸:

android:xhdpi  xxhdpi

ios:iPhone XS Max 1242px × 2688px

在线做启动图工具:

网站:https://hotpot.ai/icon_resizer

Flutter App图标、启动图的生成 和 修改 App 名称_第1张图片

上传图片和勾选制作的图时,会下载下来对应的不同分辨率的图片,把他们放到放启动图的文件夹中

1.配置 android 的启动图:




    
    
    
        
    

2.配置 ios 的启动图:

Flutter App图标、启动图的生成 和 修改 App 名称_第2张图片

 

3.修改 App 名称

android:

Flutter App图标、启动图的生成 和 修改 App 名称_第3张图片

ios:

Flutter App图标、启动图的生成 和 修改 App 名称_第4张图片

喜欢就点个赞呗...

你可能感兴趣的:(Flutter)