Flutter Android端啟動白屏問題的解決
問題描述
Flutter 應(yīng)用在 Android 端上啟動時會有一段很明顯的白屏現(xiàn)象，白屏的時長由設(shè)備的性能決定，設(shè)備性能越差，白屏?xí)r間越長。
問題分析
其實啟動白屏的問題在Android原生應(yīng)用上也是一個常見問題，大致是因為從用戶點擊 Launcher Icon 到應(yīng)用首頁顯示之間，Android 系統(tǒng)在完成應(yīng)用的初始化工作，其流程如下：
在 Flutter Android 端上，白屏的問題會更加嚴(yán)重，因為除了 Android 應(yīng)用啟動耗時外，還增加了 Flutter 初始化耗時。
直到 Flutter 渲染出第一幀內(nèi)容，用戶才能感知到App啟動完成。
解決方案
解決方案很簡單，Android原生的白屏問題可以通過為 Launcher Activity 設(shè)置 windowBackground 解決，而 Flutter 也是基于此辦法，同時優(yōu)化了 Flutter 初始化階段的白屏問題（覆蓋一個launchView），只用兩步設(shè)置便能解決 Flutter 中白屏問題。
在項目的 android/app/src/main/res/mipmap-xhdpi/ 目錄下添加閃屏圖片；
打開 android/app/src/main/res/drawable/launch_background.xml 文件，這個文件就是閃屏的背景文件，具體如何設(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>
效果對比如下：
白屏
白屏優(yōu)化
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了Android自定義button點擊效果的兩種方式，感興趣的小伙伴們可以參考一下2016-05-05
本文主要介紹了Android 如何攔截用戶頻繁操作，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
Android InputMethodManager輸入法簡介
這篇文章主要介紹了Android InputMethodManager輸入法框架的使用,具有參考價值,需要的朋友可以參考下。2016-06-06
Android帶進度條的文件上傳示例（使用AsyncTask異步任務(wù)）
這篇文章主要介紹了Android帶進度條的文件上傳示例（使用AsyncTask異步任務(wù)）,使用起來比較方便，將幾個方法實現(xiàn)就行，感興趣的小伙伴們可以參考一下。2016-11-11
這篇文章主要介紹了Android觸屏事件和MotionEvent詳解的相關(guān)資料,希望通過本文能幫助到大家，讓大家理解掌握這部分內(nèi)容，需要的朋友可以參考下2017-10-10
Retrofit 是一個 RESTful 的 HTTP 網(wǎng)絡(luò)請求框架的封裝，網(wǎng)絡(luò)請求的工作本質(zhì)上是 OkHttp 完成，而 Retrofit 僅負(fù)責(zé) 網(wǎng)絡(luò)請求接口的封裝2022-11-11
這篇文章主要介紹了Kotlin?JSON格式解析，本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-03-03
Android中檢查網(wǎng)絡(luò)連接狀態(tài)的變化無網(wǎng)絡(luò)時跳轉(zhuǎn)到設(shè)置界面
這篇文章主要介紹了Android中檢查網(wǎng)絡(luò)連接狀態(tài)的變化無網(wǎng)絡(luò)時跳轉(zhuǎn)到設(shè)置界面,需要的朋友可以參考下2017-06-06
Android ItemDecoration 實現(xiàn)分組索引列表的示例代碼
本篇文章主要介紹了Android ItemDecoration 實現(xiàn)分組索引列表的示例代碼，具有一定的參考價值，有興趣的可以了解一下2017-10-10
這篇文章主要介紹了Android屬性動畫之ValueAnimator代碼詳解，分享了相關(guān)代碼示例，小編覺得還是挺不錯的，具有一定借鑒價值，需要的朋友可以參考下2018-02-02