如何解決FlutterAndroid端啟動白屏的問題

這篇文章主要為大家展示了“如何解決Flutter Android端啟動白屏的問題”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“如何解決Flutter Android端啟動白屏的問題”這篇文章吧。

創(chuàng)新互聯(lián)建站專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站建設(shè)、成都做網(wǎng)站、嵊州網(wǎng)絡(luò)推廣、重慶小程序開發(fā)、嵊州網(wǎng)絡(luò)營銷、嵊州企業(yè)策劃、嵊州品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)建站為所有大學(xué)生創(chuàng)業(yè)者提供嵊州建站搭建服務(wù)，24小時服務(wù)熱線：18980820575，官方網(wǎng)址：bm7419.com

問題描述

Flutter 應(yīng)用在 Android 端上啟動時會有一段很明顯的白屏現(xiàn)象，白屏的時長由設(shè)備的性能決定，設(shè)備性能越差，白屏?xí)r間越長。

問題分析

其實(shí)啟動白屏的問題在Android原生應(yīng)用上也是一個常見問題，大致是因?yàn)閺挠脩酎c(diǎn)擊 Launcher Icon 到應(yīng)用首頁顯示之間，Android 系統(tǒng)在完成應(yīng)用的初始化工作，其流程如下：

在 Flutter Android 端上，白屏的問題會更加嚴(yán)重，因?yàn)槌?Android 應(yīng)用啟動耗時外，還增加了 Flutter 初始化耗時。

直到 Flutter 渲染出第一幀內(nèi)容，用戶才能感知到App啟動完成。

解決方案

解決方案很簡單，Android原生的白屏問題可以通過為 Launcher Activity 設(shè)置 windowBackground 解決，而 Flutter 也是基于此辦法，同時優(yōu)化了 Flutter 初始化階段的白屏問題（覆蓋一個launchView），只用兩步設(shè)置便能解決 Flutter 中白屏問題。

在項(xiàng)目的 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>

效果對比如下：

白屏

以上是“如何解決Flutter Android端啟動白屏的問題”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)頁標(biāo)題：如何解決FlutterAndroid端啟動白屏的問題
當(dāng)前網(wǎng)址：http://bm7419.com/article24/jdegje.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、微信小程序、響應(yīng)式網(wǎng)站、網(wǎng)站營銷、網(wǎng)站內(nèi)鏈、服務(wù)器托管

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)