14-1 启动白屏问题解决与启动屏开发-1

Posted 2021-03-09 wangjunwei

点击flutter的app。在打开的时候有持续1到3秒的白屏

白屏

白屏后才会显示首页

flutter应用在启动的时候，首先会启动flutter SDK，然后会将flutter的代码加载到内存里面。然后完成渲染。在这个过程中，它是没有内容可以显示的，所以就只能显示这样的一个白屏

添加欢迎页

开源的插件。

前身是一个react native的插件


搜索





添加插件的依赖

配置安卓部分的代码

以为安卓的模式打开项目

在MainActivity.java这个项目里面。



res下添加一个安卓资源文件。



在之类可以插入图片，也可以设置背景，或者是其他的一些样式。


复制复制文档的离职，添加一个请求屏

复制两个图片到mipmap文件夹下







位于整个屏幕的最下方

添加颜色

添加这样一个颜色，它是安卓的状态栏的颜色。

定义主题

安卓在启动的时候会有一个默认的白屏，这个白屏在app启动的时候，它会显示它的主题。如果主题色不是透明的话，它会有一个白屏。



这样启动的时候就不会显示白屏了。

安卓的启动白屏分为两个部分，一个是主题的白屏，如果主题不是透明的话，在点击app图标的时候，它会有一个短暂的白屏，然后当我们的app启动起来之后呢，它会显示我们的启动瓶，如果没有启动屏的话，它会有一个默认的白屏。这是两个阶段的白屏。
所以我们既要设置styles里面的白屏，也要设置启动屏。

运行测试

启动屏是全屏状态下显示的。这个启动屏默认是不会关闭的。

在dart端关闭启动屏

官方文档

在首页关闭启动屏幕

如果数据还没有加载出来的话 可以设置一个timeout来关闭

测试

延时600毫秒，关闭启动屏


 

结束