修改Flutter程序启动图

发表于 分类于

参考文章：猫哥的Flutter实战从零开始 新闻客户端

规格说明

制作启动图片

根据IOS规格，选择一个竖屏最大尺寸，如 iPhone 13 Pro Max 1284 x 2778（px），制作启动图片。

使用网站：https://hotpot.ai/icon-resizer 提供的服务生成Android 和 IOS 的图片。

修改Android的启动图片

根据图片的分辨率复制图片到目录 android/app/src/main/res 下对应的目录，并重命名为 launch_image.png

  • xxxhdpi.png 复制到 android/app/src/main/res/mipmap-xxxhdpi
  • xxhdpi.png 复制到 android/app/src/main/res/mipmap-xxhdpi
  • xhdpi.png 复制到 android/app/src/main/res/mipmap-xhdpi
  • mdpi.png 复制到 android/app/src/main/res/mipmap-mdpi
  • hdpi.png 复制到 android/app/src/main/res/mipmap-hdpi

打开Android的启动图片：

android/app/src/main/res/values 目录新增文件 colors.xml,在这个文件中定义启动图片的背景色

1
2
3
4
<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="bg_blue">#004aad</color>
</resources>

android/app/src/main/res/drawable/launch_background.xml

android/app/src/main/res/drawable/launch_background.xml
1
2
3
4
5
6
7
8
9
10
11
12
13
<?xml version="1.0" encoding="utf-8"?>
<!-- Modify this file to customize your launch splash screen -->
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@color/bg_blue" />

    <!-- You can insert your own image assets here -->
    <item>
        <bitmap
            android:gravity="center"
            android:src="@mipmap/launch_image" />
    </item>
</layer-list>

修改IOS的启动图片

xcode 打开 ios项目，打开Runner/Assets，将对应的启动图拖到xcode中。