解决Flutter启动页白屏问题，flutter启动显示图片

已于 2022-05-29 12:06:31 修改
阅读量498 收藏
点赞数
分类专栏： flutter 文章标签： p2p 网络协议 网络
于 2022-05-29 11:59:45 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weijia3624/article/details/125029191
版权

启动页是App必不可少的一部分，然而在一个新创建的Flutter项目中，运行发现是没有启动页的。

1. android：

Android原生的白屏问题可以通过为 Launcher Activity 设置 windowBackground 解决，而 Flutter 也是基于此办法，同时优化了 Flutter 初始化阶段的白屏问题（覆盖一个launchView）。之所以新建的项目是白屏，因为flutter对此的方法默认是注释掉的，如下图所示：

修改后效果如下

解决Flutter启动页白屏问题，flutter启动显示图片-Android文档类资源-CSDN下载

 

weijia3624
关注
专栏目录
Flutter开发手机App启动页白屏问题（手机越卡效果越明显)
weixin_37587365的博客
05-09 2220
flutter开发手机app都会遇到启动页白屏的问题,苹果手机效果不明显，安卓手机效果很明显，手机越卡时间越长 解除item标签配置你的启动页图片就好了，如果需要全屏显示就把gravity属性删除就行了。 .........
flutter-设置开屏页 解决开屏白屏问题
weixin_43575775的博客
08-19 1389
当您的应用程序打开时，本机应用程序会短暂加载 Flutter。默认情况下，在此期间，本机应用程序会显示白色启动屏幕。该包自动生成 iOS、Android 和 Web 本机代码，用于自定义本机启动画面背景颜色和启动图像。支持深色模式、全屏和特定于平台的选项。其中color 为背景颜色 注意格式 可以设置为#000000 不能简写为#000。因为我不需要使用到 动态关闭开屏页 所以加在dev_dependencies 中。image为居中得icon 可以是小图标 自动居中得。卸载 重启app 即可生效。
Flutter——启动页白屏的优化
wy313622821的博客
09-14 1614
flutter启动页白屏的优化：使用图片替代白屏结构图@mipmap/ic_launcher为你想要显示的图片。
Flutter-启动白屏解决 与 全面屏适配思路
活着就是应该在解放自我
02-09 1281
android 用的是插件 flutter_splash_screen https://github.com/crazycodeboy/flutter_splash_screen ios
Flutter 安卓添加启动图 设置无效
qq_39559758的博客
03-20 2257
1.问题 参照网上的教程 按照launch_background.xml 里注释的格式修改了<item>的内容之后 发现启动页设置无效 <item android:drawable="@mipmap/splash"></item> 解决 成功的实现方案是使用下面一种设置方式 注：将splash.png放入mipmap文件夹中 也可以使用同一分辨率的图片 ...
Flutter Android端启动白屏问题的解决
08-27
总之，解决Flutter在Android端启动时的白屏问题，关键在于利用`windowBackground`和启动画面来遮盖初始化过程，从而提高用户体验。通过上述的简单步骤，开发者可以快速有效地解决这个问题，使得应用在启动时更加平滑...
Flutter 启动页白屏设置/启动画面设置
01-03
新建flutter项目 刚启动是有段时间的白屏 ,这个是系统开机的白屏,可以更换成自己的启动画面,设置如下: launch_backgroud.xml里修改成自己的图片名称,src表示图片的名称不带扩展名，mipmap表示对应各种分辨率下的图片...
Flutter 启动白屏
唐僧的专栏
07-27 1173
flutter 启动白屏
【Flutter】Flutter 启动白屏问题 ( 问题描述 | 在 launch_background.xml 中设置启动过渡 UI )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
08-31 4159
一、Flutter 启动白屏问题、 二、在 launch_background.xml 中设置启动过渡 UI、 三、博客源码、
Flutter适配安卓刘海、水滴屏显示全屏
adojayfan的博客
03-09 2996
配置Android 找到android/app/src/main/res/values目录,打开styles.xml 将shortEdges放到style标签内。 <?xml version="1.0" encoding="utf-8"?> <resources> <!-- Theme applied to the Android Window while the process is starting --> <style name="Laun.
Flutter 安卓端启动页全屏+沉浸式状态栏
我很好
07-18 8928
对酒当歌，人生几何。——曹操 随着Flutter的兴起，移动端开发又简洁很多啦。不管怎么变，我们还是可以实现我们想要的效果 开发中常见的就是欢迎页启动要全屏，首页需要显示为沉浸式状态栏。效果大致如下： 有原生开发基础的同时，我们需要UI设计给我们设计低、中、高、超高、超超高分辨率的图片放置在创建工程文件的不同目录下；分别对应（drawable、drawable-hdpi、drawable-xhdpi、drawable-xxhdpi、drawable-xxxhdpi） 1...
Flutter启动页白屏处理
郊眠寺
05-27 3192
前言 在上篇实现了一个Nike的加载页，但有一些遗留问题，其中之一就是启动时的白屏处理。如下： [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vX0WOEA6-1653629979782)(https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/f5f2aadf7f2b43a78d5957c761515c8a~tplv-k3u1fbpfcp-zoom-in-crop-mark:1956:0:0:0.image?)] 启动页 几乎所有
关于flutter 启动 页面加载空白（三四秒空白页面）
最新发布
无名之鑫的博客
06-11 670
注意事项：俩处xml都配置一下，配置一样就可以了。
Flutter启动白屏问题
qq_40638618的博客
12-28 1179
原因 flutter启动白屏 实际上是Application初始化，MainActivity空白，底色展示的白色。 解决方法（FLutter-go中） --只需操作第二步即可 1在MainActivity中已经配置theme, theme中item其实配置是color/white,修改为自己的启动页 2 添加自己想要展示的闪屏图片 ...
flutter 启动页全屏
weixin_43984001的博客
09-08 131
flutter android 设置启动图全屏
Flutter 启动添加照片
weixin_46504917的博客
09-25 179
Android端替换启动页图片，打开android/app/src/main/res/drawable/launch_background.xml文件，效果如下： 注意 有两个文件都需要改 android/app/src/main/res/drawable/launch_background.xml 和 android/app/src/main/res/drawable-v21/launch_background.xml <?xml version="1.0" encoding="utf-8"?&gt
Flutter 怎样设置启动页？大佬请指教
xinqqqydj的博客
01-06 402
删除 第一个item也不好使，设置第一个item为 @drawable/图片名称也不好使，无论我怎么设置，启动图都展示app的图标。drawable-v21 设置。drawable 文件设置。
Flutter 安卓端启动页全屏+沉浸式状态栏，只有搞Android开发的才知道
2401_84149607的博客
04-08 396
适配安卓5.0-9.0的样式放置在values-v21文件夹下。适配安卓9.0以上的样式放置在values-v28文件夹下。适配安卓5.0以下样式放置在values文件夹下。values-v28文件夹下styles.xml。values-v21文件夹styles.xml。values文件夹下styles.xml。SplashActivity样式。SplashActivity样式。SplashActivity样式。MainActivity样式。MainActivity样式。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

weijia3624

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值