問題描述
Flutter 應(yīng)用在 Android 端上啟動(dòng)時(shí)會(huì)有一段很明顯的白屏現(xiàn)象，白屏的時(shí)長(zhǎng)由設(shè)備的性能決定馅精，設(shè)備性能越差严嗜，白屏?xí)r間越長(zhǎng)。
問題分析
其實(shí)啟動(dòng)白屏的問題在Android原生應(yīng)用上也是一個(gè)常見問題硫嘶，大致是因?yàn)閺挠脩酎c(diǎn)擊 Launcher Icon 到應(yīng)用首頁顯示之間阻问，Android 系統(tǒng)在完成應(yīng)用的初始化工作，其流程如下：
直到 Flutter 渲染出第一幀內(nèi)容刨秆，用戶才能感知到App啟動(dòng)完成。
解決方案
解決方案很簡(jiǎn)單忆畅，Android原生的白屏問題可以通過為 Launcher Activity 設(shè)置 windowBackground 解決衡未，而 Flutter 也是基于此辦法，同時(shí)優(yōu)化了 Flutter 初始化階段的白屏問題（覆蓋一個(gè)launchView），只用兩步設(shè)置便能解決 Flutter 中白屏問題缓醋。
- 在項(xiàng)目的 android/app/src/main/res/mipmap-xhdpi/ 目錄下添加閃屏圖片如失；
- 打開 android/app/src/main/res/drawable/launch_background.xml 文件，這個(gè)文件就是閃屏的背景文件送粱，具體如何設(shè)置可以查閱 Android Drawable褪贵，我在 demo 中的設(shè)置如下：
<?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/background_dark" />
<!-- You can insert your own image assets here -->
<item
android:bottom="84dp">
<bitmap
android:src="@mipmap/launch_image" />
</item>
</layer-list>
效果對(duì)比如下：
白屏
白屏優(yōu)化
