Flutter Android端启动白屏问题的解决
作者：Joe_H 发布时间：2023-10-14 12:03:27
标签：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>
效果对比如下：
白屏
白屏优化
来源：https://www.jianshu.com/p/f94ee876afa6
0
投稿猜你喜欢
- 前言早在2011年它作为安卓兼容库发布，在75％的应用中使用过，是最广泛使用的安卓库。它事实上不是一个单一的文件，而是一个集合，其中可以大致
在刚接触后台线程的时候，觉得线程神秘且高深，并且时常有先辈们千叮万嘱：能不用的时候，尽量不要用，千万不要滥用线程，否则会发生预料不到的结果。- ofType和javaType的区别JavaType和ofType都是用来指定对象类型的，但是JavaType是用来指定pojo中属性的类型
- 1.MediaCodec 是什么MediaCodec类可以访问底层媒体编解码器框架（StageFright 或 OpenMAX），即编解码组
- mybatis-plus返回查询总记录数mp框架提供了selectCount方法，来查询总记录数；需求：查找薪水大于3500 名字里有&am
- 本文通过实例详细阐述了C++关于智能指针的概念及用法，有助于读者加深对智能指针的理解。详情如下：一、简介由于 C++ 语言没有自动内存回收机
- 本文我们将讲解一下对于“大对象”的优化。这里的“大对象”，是
- 1.默认的静态资源目录/static/public/resources/META-INF/resources动态资源目录：/template
- java接口返回参数按照请求参数进行排序在项目实际开发中可能遇到过这种问题，接口请求参数顺序是[a,b,c]，结果返回的数据是[bObjec
- 今天我们来讲一下Android中BroadcastReceiver的相关知识。BroadcastReceiver也就是“广播接收者”的意思，
- BufferedReaderBufferedReader 是缓冲字符输入流。它继承于Reader。 BufferedReader 的作用是为
- 进程进程（Process）是计算机中的程序关于某数据集合上的一次运行活动，是系统进行资源分配和调度的基本单位，是操作系统结构的基础。程序是指
- 定义享元模式（FlyWeight Pattern），也叫蝇量模式，运用共享技术，有效的支持大量细粒度的对象，享元模式就是池技术的重要实现方式
- 本文实例讲述了C#处理Paint事件的方法。分享给大家供大家参考。具体方法如下：using System;using System.Coll
- 这里主要介绍的是优先队列的二叉堆Java实现，代码如下：package practice;import edu.princeton.cs.a
- [LeetCode] 169. Majority Element 求大多数Given an array nums of
- 以下这段C#代码实现的功能是在屏幕上画图的效果！具体代码如下：//DllImport所在的名字空间 using System.Ru
- 牛逼！IDEA不愧为神器，结合Groovy脚本，简直天下无敌，如今, 有许许多多的插件或者编辑器都支持根据数据表自动生成数据实体类了, 比如
- 将map集合存数据与取出数据全部放在一个类MapTest中，方便阅读与查看随便创建一个包，在包中新建一个class文件，（也可以不建包，直接
- Android：AIDL和远程Service调用本讲的内容，理解起来很难，也许你看了很多资料也看不明白，但是用起来缺简单的要命。所以我们干脆
