快捷導(dǎo)航

Flutter Android應(yīng)用啟動(dòng)白屏的解決方案

更新時(shí)間：2021年11月11日 12:00:06 作者：冬天的毛毛雨

任何一個(gè)app基本都會(huì)設(shè)計(jì)一個(gè)啟動(dòng)頁,今天我們就來看看怎么在flutter項(xiàng)目中設(shè)置啟動(dòng)頁,這篇文章主要給大家介紹了關(guān)于Flutter Android應(yīng)用啟動(dòng)白屏解決的相關(guān)資料,需要的朋友可以參考下

問題產(chǎn)生

默認(rèn)生成的flutter工程，在啟動(dòng)時(shí)候會(huì)白屏，設(shè)備性能越差，白屏?xí)r間越長(zhǎng)。原生Android開發(fā)也會(huì)遇到類似問題，啟動(dòng)會(huì)產(chǎn)生白屏或者黑屏問題。在Android開發(fā)中通常是設(shè)置一個(gè)主題文件，這里不展開說。

如何解決

flutter其實(shí)已經(jīng)提供了解決方案。打開flutter工程目錄“\android\app\src\main”下的AndroidManifest.xml文件，可以看到如下內(nèi)容：

這里英文的大意是：在flutter渲染第一幀之前，可以通過這里的配置顯示一個(gè)Android view，用來顯示一張啟動(dòng)圖片。對(duì)于app啟動(dòng)加載和flutter開始渲染之間的一段時(shí)間，起到一個(gè)良好的過渡?？偠灾?，這里的配置就是來實(shí)現(xiàn)我們的啟動(dòng)圖片，消除白屏或者黑屏。

這里要注意一下，我當(dāng)前用的flutter版本是2.12.0，低版本的配置不是這樣的，但是大概原理相同。

看到這里我們就已經(jīng)知道，去修改“@drawable/launch_background”好了。

<?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>

改成如下：

<?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>
        <bitmap
            android:gravity="fill"
            android:src="@mipmap/doubanio" />
    </item>
</layer-list>

mipmap/doubanio是你放在mipmap目錄下的一張png格式的圖片。這樣app再啟動(dòng)的時(shí)候就不是白屏，而是一張你自定義的圖片。

android:gravity="fill"的意思是將圖片設(shè)置為拉伸，可以達(dá)到鋪滿全屏的效果。

另外要注意的是工程目錄下會(huì)有多個(gè)drawable和mipma文件，記得都要做修改。

總結(jié)

到此這篇關(guān)于Flutter Android應(yīng)用啟動(dòng)白屏解決的文章就介紹到這了,更多相關(guān)Flutter Android應(yīng)用啟動(dòng)白屏內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: