flutter启动白屏页面做splash页面

最新推荐文章于 2026-05-09 14:28:13 发布
原创 最新推荐文章于 2026-05-09 14:28:13 发布 · 6.5k 阅读 · 2 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
flutter

当前文章被收录于：

flutter
9 篇文章 1 人学习
订阅专栏 查看详情
本文介绍了解决Flutter应用启动时出现白屏现象的方法，通过添加splash页面来改善用户体验，并提供代码实现步骤。

在这里插入图片描述
flutter启动页面总会有白屏，我们解决办法是做splash页面，毕竟反正要做spalsh页面是不是～哈哈

图片添加进去，添加代码～搞定
在这里插入图片描述

大家是不是看到的效果总是不满意，没有适配？
试一下吧～
在这里插入图片描述

在这里插入图片描述

解决Flutter启动页白屏问题，flutter启动显示图片
05-29
启动页是App必不可少的一部分，然而在一个新创建的Flutter项目中，运行发现是没有启动页的。 Android原生的白屏问题可以通过为 Launcher Activity 设置 windowBackground 解决，而 Flutter 也是基于此办法，同时优化了 Flutter 初始化阶段的白屏问题。之所以新建的项目是白屏，因为flutter对此的方法默认是注释掉的 1）源代码下载，请放心下载 2）使用在多个项目中
Flutter启动页白屏处理
郊眠寺
05-27 3565
前言 在上篇实现了一个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 字节跳动穿山甲广告插件发布 - FlutterAds
热门推荐
ZeroFlutter
12-14 3万+
Flutter 已成为目前最流行的跨平台框架之一，在近期的几个大版本的发布中都提到了 Flutter 版本 Google 广告插件 [google_mobile_ads]
基于 Flutter × Harmony6.0 的智慧零售管理页面实践：构建高质感库存与商品数据面板
最新发布
一键难忘的博客
05-09 1万+
本文探讨了基于Flutter与Harmony6.0的智慧零售管理页面开发实践，重点构建高质感库存与商品数据面板。Flutter的跨端能力结合Harmony6.0系统特性，实现了UI一致性、高效组件化开发及复杂布局适配。通过商品卡片、库存统计等模块化设计，采用圆角、留白和语义化色彩提升信息密度与视觉体验。核心代码展示了参数化组件复用、动态布局优化及数据强调技巧，验证了Flutter在鸿蒙生态下开发后台类页面的高效性与扩展性，为跨端业务系统提供了轻量级解决方案。
【Flutter】Flutter 使用splashscreen包创建启动页面
Code Metaverse
06-14 2868
如何在 Flutter 中使用 splashscreen 包来创建启动页面
flutter-设置开屏页 解决开屏白屏问题
weixin_43575775的博客
08-19 1891
当您的应用程序打开时，本机应用程序会短暂加载 Flutter。默认情况下，在此期间，本机应用程序会显示白色启动屏幕。该包自动生成 iOS、Android 和 Web 本机代码，用于自定义本机启动画面背景颜色和启动图像。支持深色模式、全屏和特定于平台的选项。其中color 为背景颜色 注意格式 可以设置为#000000 不能简写为#000。因为我不需要使用到 动态关闭开屏页 所以加在dev_dependencies 中。image为居中得icon 可以是小图标 自动居中得。卸载 重启app 即可生效。
Flutter——启动页白屏的优化
wy313622821的博客
09-14 2191
flutter启动页白屏的优化：使用图片替代白屏结构图@mipmap/ic_launcher为你想要显示的图片。
Flutter 启动白屏
唐僧的专栏
07-27 2467
flutter 启动白屏
5分钟掌握Flutter Native Splash：告别单调白屏，打造完美启动体验
gitblog_00786的博客
12-19 721
还在为Flutter应用启动时的单调白色屏幕而烦恼吗？**Flutter Native Splash** 是专为Flutter开发者设计的启动屏幕定制工具，它能够自动生成原生代码，为你的iOS、Android和Web应用创建个性化的启动画面。通过简单的配置，你可以轻松设置背景颜色、添加品牌图片，甚至支持深色模式和全屏显示，让用户从第一秒就感受到应用的精致与专业。 ## 🎨 为什么需要自定义启动
Flutter-启动白屏解决 与 全面屏适配思路
活着就是应该在解放自我
02-09 1465
android 用的是插件 flutter_splash_screen https://github.com/crazycodeboy/flutter_splash_screen ios
Android splash的实现
The day is another day 的博客
12-28 2899
目录一、Splash的作用二、Splash的三种实现1、SplashActivity2、MainActivity中控制view的显示3、设置Application或者MainActivity的主题三、总结 一、Splash的作用 最近做flutter项目，由于app启动时需要初始化flutter引擎，这个过程比较耗时，会有较长时间的白屏（或黑屏，跟设置的application、activity的theme有关），用户体验不太好，于是需要加一个splash页面。 那什么时候需要用到splash呢？1、启动阶段
Flutter for OpenHarmony 实战：flutter_native_splash_ohos 打造丝滑冷启动体验
cannonjinx的博客
02-09 1万+
本文介绍了 flutter_native_splash_ohos 插件如何为 Flutter 应用在 OpenHarmony 系统上实现无缝冷启动体验。通过分析鸿蒙 Ability 启动时序，插件通过在原生层设置预覆盖视图，解决了启动白屏问题。文章详细说明了安装配置方法，包括多分辨率适配规范和 YAML 配置项，并提供了高级优化技巧如延迟移除策略和首页自动移除逻辑。最后给出了常见问题解决方案和完整示例代码，帮助开发者在鸿蒙环境下打造流畅的启动体验。
Flutter 学习之旅 之 flutter 使用flutter_native_splash 简单实现设备启动短暂白屏黑屏（闪屏）的问题
仙魁XAN
03-10 2143
Flutter 是一款开源的 UI 软件开发工具包，由 Google 开发和维护。它允许开发者使用一套代码同时构建跨平台的应用程序，包括移动设备（iOS 和 Android）、Web 和桌面平台（Windows、macOS 和 Linux）。Flutter 使用 Dart 编程语言，它可以将代码编译为 ARM 或 Intel 机器代码以及 JavaScript，从而实现快速的性能。
Flutter Native Splash：告别白屏，打造完美应用启动体验的终极指南
gitblog_00808的博客
03-26 1031
**Flutter Native Splash** 是 Flutter 开发者的完美启动屏解决方案，它能自动为 Android、iOS 和 Web 生成原生启动屏幕代码，告别默认的白屏等待，让你的应用在启动时展现专业品牌形象。前100字内，核心关键词 Flutter Native Splash、启动屏幕、白屏、原生启动屏幕、Android、iOS 已自然融入。 ## 🚀 为什么需要专业的启动屏
Flutter app启动页（闪屏页）白屏解决方案
klousYG的博客
04-30 4213
Flutter app启动页（闪屏页）白屏解决方案1.集成2.执行3.在pubspec.yaml中添加4.终端输入命令 使用flutter_native_splash 插件 访问插件地址 https://pub.dev/packages/flutter_native_splash flutter_native_splash 0.1.9 这个package可以自动生Android和iOS端闪屏页的代...
Flutter for OpenHarmony：品牌焕新 — App 图标定制与沉浸式启动页 (Splash) 方案
jiang_style的博客
02-05 1万+
本文介绍了如何为基于Flutter开发的OpenHarmony应用定制应用图标和实现沉浸式启动页。主要内容包括：1）通过手动替换方式将1024x1024分辨率PNG图标适配到鸿蒙系统的资源目录结构；2）分阶段实现启动体验优化，先在原生层配置窗口背景色，再通过Flutter侧的SplashScreen组件展示Logo动画并平滑过渡到首页。这些品牌化改进使应用在鸿蒙设备上展现专业形象，避免了默认图标和白屏问题。文章还提供了完整的代码实现和社区资源链接。
第三章、flutter项目启动时有一段时间出现白屏怎么办？
武玄天宗的专栏
12-22 875
笔者刚开始开发一个demo项目时，发现自己什么也没写还是出现启动时白屏一段时间的情况，这种在原生android和ios项目几乎是不可能出现的。那么到底为什么会出现这种情况呢？原因：由于flutter是用底层内核Skia图形引擎进行图形绘制，内核在初始化时需要花费一些时间，因此会出现白屏。解决方案：andoroid端：在AndroidManifest.xml清单文件，配置启动页时配置启动theme：如下面配置：<activity<meta-data/>在styles.xml文件中新建。
Flutter启动屏幕定制终极指南：告别默认白屏时代
gitblog_00397的博客
12-19 692
还在为Flutter应用启动时那瞬间的白色闪屏而烦恼吗？`flutter_native_splash`项目为你提供了一站式解决方案，让你的应用从启动那一刻就与众不同。 ## 为什么你的Flutter应用需要专业启动屏幕 当用户打开你的Flutter应用时，原生容器需要短暂时间来加载Flutter引擎。在这关键的几秒钟里，默认的白色闪屏不仅缺乏个性，更可能影响用户的第一印象。`flutter_n
Flutter 冷启动白屏解决方案 flutter_native_splash
yinianjian2017的博客
03-02 4126
1、项目根目录执行 flutter pub add flutter_native_splash 2、会在pubspec.yaml 中添加 flutter_native_splash: ^2.0.5 3、pubspec.yaml 文件中增加 flutter_native_splash: color: "#17016D" 增加 color 或 background_image ， 两个不能同时存在，否则create失败 4、根目录执行 flutter pub run flutter_n
终极Flutter启动屏定制：Flutter Native Splash配置详解与实例
gitblog_01022的博客
02-21 683
Flutter Native Splash是一款强大的Flutter插件，能够帮助开发者轻松定制原生启动屏，支持Android和iOS平台，可自定义背景颜色、启动图片等多种属性，让你的应用拥有专业且个性化的启动体验。 ## 为什么选择Flutter Native Splash？ 在Flutter应用开发中，默认的白色启动屏往往无法满足品牌个性化需求。Flutter Native Splash通
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值