Android App 一般在啟動的時候會出現(xiàn)白屏、黑屏，持續(xù) 0.5s - 3s （看 App 啟動加載復雜度 與 手機性能）。

其主要的原因是默認的 Andraid App 是沒有設置啟動圖的。在啟動的時候，Andraid App 需要加載各種資源，包括創(chuàng)建 Activity 等。

如果第一個Activity，還沒創(chuàng)建完成，就會看到白屏、黑屏，一般解決這個問題就是為 Andraid App 設置一個啟動圖。就像淘寶 App 那樣，啟動的時候會看到一張關于淘寶的圖片。

而 iOS App 默認設置了啟動圖，就不會像 Android App 那樣出現(xiàn)白屏、黑屏。

在打開 Flutter App 時會出現(xiàn)短暫的白屏現(xiàn)象（Android），這并不是 Flutter 的特例，在 React Native 上同樣如此。因此在 React Native 上解決白屏的處理方式與 Flutter 類似。

添加啟動圖

在 xml 里，添加啟動圖。當 App 打開時會先看到啟動圖，接著渲染 Flutter 所管理的 Activity。

首先在 android/app/src/main/res/drawable-hdpi 里加上一個圖片作為程序啟動圖（名稱隨意，例如：bg.png），然后修改 android/app/src/main/res/values/styles.xml。

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"> <!-- 這里將剛剛那張圖片設置為背景圖片， bg對應圖片名稱 --> <item name="android:windowBackground">@drawable/bg</item> </style> 

或者，在 android\app\src\main\res\drawable\launch_background.xml 里添加，也行。

<?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/bg" /> </item> </layer-list> 

最后，記得在 Flutter 底端頁面上設置背景為非透明。

@override Widget build(BuildContext context) { return new Scaffold( appBar: new AppBar( title: new Text('應用'), ), body: new Container( color: Colors.white, ), ); } 

本頁內(nèi)容由塔燈網(wǎng)絡科技有限公司通過網(wǎng)絡收集編輯所得，所有資料僅供用戶學習參考，本站不擁有所有權，如您認為本網(wǎng)頁中由涉嫌抄襲的內(nèi)容，請及時與我們聯(lián)系，并提供相關證據(jù)，工作人員會在5工作日內(nèi)聯(lián)系您，一經(jīng)查實，本站立刻刪除侵權內(nèi)容。本文鏈接:http://m.junxiaosheng.cn/17593.html