码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-02-15 13:43:18      阅读:81      评论:0      收藏:0      [点我收藏+]

标签:请求   插件   http   完成   应用   styles   native   依赖   一个   



技术图片

点击flutter的app。在打开的时候有持续1到3秒的白屏
技术图片
白屏
技术图片
白屏后才会显示首页
技术图片
flutter应用在启动的时候,首先会启动flutter SDK,然后会将flutter的代码加载到内存里面。然后完成渲染。在这个过程中,它是没有内容可以显示的,所以就只能显示这样的一个白屏

添加欢迎页

开源的插件。
技术图片
前身是一个react native的插件
技术图片

搜索
技术图片


技术图片

添加插件的依赖
技术图片

配置安卓部分的代码

技术图片

以为安卓的模式打开项目
技术图片
在MainActivity.java这个项目里面。
技术图片

技术图片
res下添加一个安卓资源文件。
技术图片

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

复制复制文档的离职,添加一个请求屏
技术图片
复制两个图片到mipmap文件夹下
技术图片

技术图片

技术图片

技术图片
位于整个屏幕的最下方
技术图片

添加颜色

技术图片

技术图片

技术图片
添加这样一个颜色,它是安卓的状态栏的颜色。
技术图片

定义主题

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

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

运行测试

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

在dart端关闭启动屏

官方文档
技术图片
在首页关闭启动屏幕
技术图片
如果数据还没有加载出来的话 可以设置一个timeout来关闭

测试

技术图片
技术图片

技术图片
延时600毫秒,关闭启动屏
技术图片

 

结束

 

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

标签:请求   插件   http   完成   应用   styles   native   依赖   一个   

原文地址:https://www.cnblogs.com/wangjunwei/p/12311255.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!