Flutter 如何添加启动页

Posted on Wed, 25 Dec 2024 13:46:25 +0800 by LiangMingJian

前言 #

由于 Flutter 默认没有启动图，而 App 启动到 Flutter 第一帧渲染结束前需要一定时间加载运行库，所以打开 App 会先显示难看的白屏。

通过 Android 设置启动页 #

Android 提供了启动页的概念，用于在应用初始化的过程中展示一个Drawable。

1.准备图片 #

默认名称为launch_image.png，打开目录android/app/src/main/res/，按照支持的不同设备分辨率，放在各个 mipmap 目录下。

2.修改配置文件 #

编辑android/app/src/main/res/drawable/launch_background.xml，将<!-- You can insert your own image assets here -->下的<item>标签里面的内容反注释，就会将launch_image.png居中显示在启动页上，例如：

<?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="@android:color/white" />

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