Flutter Android端启动白屏问题的解决

更新时间：2018年07月11日 09:42:06 作者：Joe_H

Flutter 应用在 Android 端上启动时会有一段很明显的白屏现象，白屏的时长由设备的性能决定，设备性能越差，白屏时间越长。这篇文章主要介绍了Flutter Android端启动白屏问题的解决。感兴趣的小伙伴们可以参考一下

问题描述

Flutter 应用在 Android 端上启动时会有一段很明显的白屏现象，白屏的时长由设备的性能决定，设备性能越差，白屏时间越长。

问题分析

其实启动白屏的问题在Android原生应用上也是一个常见问题，大致是因为从用户点击 Launcher Icon 到应用首页显示之间，Android 系统在完成应用的初始化工作，其流程如下：

在 Flutter Android 端上，白屏的问题会更加严重，因为除了 Android 应用启动耗时外，还增加了 Flutter 初始化耗时。

直到 Flutter 渲染出第一帧内容，用户才能感知到App启动完成。

解决方案

解决方案很简单，Android原生的白屏问题可以通过为 Launcher Activity 设置 windowBackground 解决，而 Flutter 也是基于此办法，同时优化了 Flutter 初始化阶段的白屏问题（覆盖一个launchView），只用两步设置便能解决 Flutter 中白屏问题。

在项目的 android/app/src/main/res/mipmap-xhdpi/ 目录下添加闪屏图片；

打开 android/app/src/main/res/drawable/launch_background.xml 文件，这个文件就是闪屏的背景文件，具体如何设置可以查阅 Android Drawable，我在 demo 中的设置如下：

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

效果对比如下：

白屏

白屏优化

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

Kotlin中的扩展函数与属性示例详解
理论上来说，扩展函数很简单，它就是一个类的成员函数，不过定义在类的外面。下面这篇文章主要给大家介绍了关于Kotlin中扩展函数与属性的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考下
2018-06-06
Flutter实现底部导航栏效果
这篇文章主要为大家详细介绍了Flutter实现底部导航栏效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-08-08
Android中PopuWindow实现下拉列表实例
本篇文章主要介绍了Android中PopuWindow实现下拉列表实例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-07-07
Android 数据压缩浅析
这篇文章主要为大家介绍了Android 数据压缩方法浅析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-03-03
Android开发笔记之:深入理解多线程AsyncTask
本篇文章是对Android中多线程AsyncTask进行了详细的分析介绍，需要的朋友参考下
2013-05-05
Android之高德地图定位SDK集成及地图功能实现
本文主要介绍了Android中高德地图定位SDK集成及地图功能的实现。具有很好的参考价值。下面跟着小编一起来看下吧
2017-04-04
Android Retrofit2数据解析代码解析
这篇文章主要介绍了Android Retrofit2数据解析代码解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-12-12
Android Studio设置主题与字体大小图文教程
这篇文章通过图文详细的给大家介绍了Android Studio中如何设置主题与字体大小，文章介绍的非常详细，相信对大家学习使用Android Studio具有一定的参考借鉴价值，有需要的朋友们下面来一起看看吧。
2016-10-10
Android Button按钮点击背景和文字变化操作
这篇文章主要介绍了Android Button按钮点击背景和文字变化操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-08-08
Android仿QQ、新浪相册的实现
这篇文章主要为大家详细介绍了Android仿QQ、新浪相册的实现代码,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-11-11