如何解决FlutterAndroid端启动白屏的问题-创新互联

这篇文章主要为大家展示了“如何解决Flutter Android端启动白屏的问题”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“如何解决Flutter Android端启动白屏的问题”这篇文章吧。

创新互联建站-专业网站定制、快速模板网站建设、高性价比达拉特网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式达拉特网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖达拉特地区。费用合理售后完善，十余年实体公司更值得信赖。

问题描述

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 中的设置如下：

效果对比如下：

白屏

以上是“如何解决Flutter Android端启动白屏的问题”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！

分享名称：如何解决FlutterAndroid端启动白屏的问题-创新互联
URL链接：http://shouzuofang.com/article/coegdi.html