Flutter Android端啟動(dòng)白屏問(wèn)題的解決
問(wèn)題描述
Flutter 應(yīng)用在 Android 端上啟動(dòng)時(shí)會(huì)有一段很明顯的白屏現(xiàn)象，白屏的時(shí)長(zhǎng)由設(shè)備的性能決定，設(shè)備性能越差，白屏?xí)r間越長(zhǎng)。
問(wèn)題分析
其實(shí)啟動(dòng)白屏的問(wèn)題在Android原生應(yīng)用上也是一個(gè)常見(jiàn)問(wèn)題，大致是因?yàn)閺挠脩酎c(diǎn)擊 Launcher Icon 到應(yīng)用首頁(yè)顯示之間，Android 系統(tǒng)在完成應(yīng)用的初始化工作，其流程如下：
在 Flutter Android 端上，白屏的問(wèn)題會(huì)更加嚴(yán)重，因?yàn)槌?Android 應(yīng)用啟動(dòng)耗時(shí)外，還增加了 Flutter 初始化耗時(shí)。
直到 Flutter 渲染出第一幀內(nèi)容，用戶才能感知到App啟動(dòng)完成。
解決方案
解決方案很簡(jiǎn)單，Android原生的白屏問(wèn)題可以通過(guò)為 Launcher Activity 設(shè)置 windowBackground 解決，而 Flutter 也是基于此辦法，同時(shí)優(yōu)化了 Flutter 初始化階段的白屏問(wèn)題（覆蓋一個(gè)launchView），只用兩步設(shè)置便能解決 Flutter 中白屏問(wèn)題。
在項(xiàng)目的 android/app/src/main/res/mipmap-xhdpi/ 目錄下添加閃屏圖片；
打開(kāi) 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)化
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
Android Studio 報(bào)Integer types not allowed錯(cuò)誤
本文給大家分享的是在使用Android Studio的過(guò)程中遇到的報(bào)Integer types not allowed錯(cuò)誤的分析及解決方法，非常實(shí)用，有需要的小伙伴可以參考下2017-10-10
Android中驗(yàn)證碼倒計(jì)時(shí)的簡(jiǎn)單實(shí)現(xiàn)方法示例
最近開(kāi)發(fā)中在注冊(cè)獲取驗(yàn)證碼時(shí)候需要一個(gè)倒計(jì)時(shí)按鈕，找了相關(guān)的資料終于實(shí)現(xiàn)了，所以現(xiàn)在分享給大家，下面這篇文章主要給大家介紹了關(guān)于Android中驗(yàn)證碼倒計(jì)時(shí)簡(jiǎn)單實(shí)現(xiàn)的相關(guān)資料，需要的朋友可以參考借鑒。2017-06-06
這篇文章主要為大家詳細(xì)介紹了Android仿微信加號(hào)菜單模式的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-04-04
Android實(shí)現(xiàn)app應(yīng)用多語(yǔ)言切換功能
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)app應(yīng)用多語(yǔ)言切換功能的相關(guān)資料，類(lèi)似于微信的語(yǔ)言切換，感興趣的小伙伴們可以參考一下2016-08-08
Flutter?Widget?之FocusableActionDetector使用詳解
這篇文章主要為大家介紹了Flutter?Widget?之FocusableActionDetector使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-11-11
Android Button按鈕點(diǎn)擊背景和文字變化操作
這篇文章主要介紹了Android Button按鈕點(diǎn)擊背景和文字變化操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-08-08
Android ListView 實(shí)現(xiàn)上拉加載的示例代碼
這篇文章主要介紹了Android ListView 實(shí)現(xiàn)上拉加載的示例代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-07-07
Android項(xiàng)目實(shí)戰(zhàn)之ListView懸浮頭部展現(xiàn)效果實(shí)現(xiàn)
這篇文章主要給大家介紹了Android項(xiàng)目實(shí)戰(zhàn)之ListView懸浮頭部展現(xiàn)效果實(shí)現(xiàn)的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-01-01
應(yīng)用開(kāi)發(fā)中經(jīng)常會(huì)碰到網(wǎng)絡(luò)圖片的加載,通常我們會(huì)對(duì)圖片進(jìn)行緩存,以便下次加載同一張圖片時(shí)不用再重新下載,下面這篇文章主要給大家介紹了關(guān)于Flutter圖片加載與緩存機(jī)制的相關(guān)資料,需要的朋友可以參考下2021-11-11
Android實(shí)現(xiàn)EditText圖文混合插入上傳功能
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)EditText圖文混合插入上傳功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08