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>
效果对比如下：
白屏
白屏优化
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了Android自定义button点击效果的两种方式，感兴趣的小伙伴们可以参考一下2016-05-05
本文主要介绍了Android 如何拦截用户频繁操作，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
Android InputMethodManager输入法简介
这篇文章主要介绍了Android InputMethodManager输入法框架的使用,具有参考价值,需要的朋友可以参考下。2016-06-06
Android带进度条的文件上传示例（使用AsyncTask异步任务）
这篇文章主要介绍了Android带进度条的文件上传示例（使用AsyncTask异步任务）,使用起来比较方便，将几个方法实现就行，感兴趣的小伙伴们可以参考一下。2016-11-11
这篇文章主要介绍了Android触屏事件和MotionEvent详解的相关资料,希望通过本文能帮助到大家，让大家理解掌握这部分内容，需要的朋友可以参考下2017-10-10
Retrofit 是一个 RESTful 的 HTTP 网络请求框架的封装，网络请求的工作本质上是 OkHttp 完成，而 Retrofit 仅负责 网络请求接口的封装2022-11-11
这篇文章主要介绍了Kotlin JSON格式解析，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-03-03
Android中检查网络连接状态的变化无网络时跳转到设置界面
这篇文章主要介绍了Android中检查网络连接状态的变化无网络时跳转到设置界面,需要的朋友可以参考下2017-06-06
Android ItemDecoration 实现分组索引列表的示例代码
本篇文章主要介绍了Android ItemDecoration 实现分组索引列表的示例代码，具有一定的参考价值，有兴趣的可以了解一下2017-10-10
这篇文章主要介绍了Android属性动画之ValueAnimator代码详解，分享了相关代码示例，小编觉得还是挺不错的，具有一定借鉴价值，需要的朋友可以参考下2018-02-02
最新评论