Flutter 冷启动白屏解决方案 flutter_native_splash

最新推荐文章于 2025-03-10 14:57:56 发布
最新推荐文章于 2025-03-10 14:57:56 发布
阅读量4k 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： 混合开发 文章标签： flutter android ios
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/yinianjian2017/article/details/123232847
本文详细介绍了如何使用flutter_native_splash在Flutter项目中添加开机白屏效果，包括添加依赖、配置颜色或背景图片，以及删除设置的步骤。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

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_native_splash:create
 

之后运行项目，开机白屏就会更改为color 或设置的background_image（图片需png格式）

若想删除开机页设置,根目录执行remove

flutter pub run flutter_native_splash:remove

iOS原生混编Flutter路由指南及解决Flutter首页闪白屏问题
fanjiarong_919的博客
07-30 2181
iOS原生项目混编Flutter路由指南以及解决Flutter充当首页闪白屏问题。
Flutter 启动页适配
iOSTianNan的博客
08-25 3866
参考文章 Flutter 开发 Android & IOS 启动页 splash pag Flutter 启动页(闪屏页)具体实现和原理分析 Flutter启动流程和原理分析 需要知道的 iOS13 开始 苹果要放弃LaunchImage适配启动图 , 改为必须走LaunchScreen.sb来启动 所以在iOS端,启动图适配,要么使用LaunchScreen.sb 内嵌UIImageView +AutoLayout 来适配(依旧使用整图), 要么就采用 页面布局的方式, 来开发启动页,具体可以
flutter_native_splash:自动生成用于在Android和iOS中添加初始屏幕的本机代码。 使用特定的平台，背景颜色和初始图像进行自定义
04-28
打开您的应用程序后，原生应用程序会在很短的时间内加载Flutter。 默认情况下，在此期间，本机应用程序显示白色的初始屏幕。 该软件包自动生成iOS，Android和Web本机代码，以自定义本机初始屏幕背景颜色和初始图像。 支持暗模式，全屏和特定于平台的选项。 用法 您是否愿意选择视频教程？ 查看。 首先，在您的pubspec.yaml文件中将flutter_native_splash添加为dev依赖项。 它属于dev_dependencies因为它是命令行工具。 dev_dependencies : flutter_native_splash : ^1.1.8+4 别忘了flutter pub get 。 笔记： 如果使用Flutter 1.x（无null安全性），则必须使用此软件包的。 1.设置启动画面 自定义以下设置，并将其添加到项目的pubspec.yaml文件中，或放
Flutter的flutter_native_splash库最全最实用使用说明
keaihanxiaodangqiuqi的博客
05-26 3561
自定义下面的设置，然后添加到工程的 pubspec.yaml 文件中，或者在工程文件夹下放置名为 flutter_native_splash.yaml 的新文件。注意: 为了使用此方法， flutter_native_splash 必须在 pubspec.yaml 的 dependencies 部分里，而不是在 dev_dependencies 里。这里就是像上图里面所示的文字要特别说明一下，如果flutter_native_splash.yaml里面的内容有变动更新，建议再次执行一遍上面的命令。
flutter 使用 flutter_native_splash 闪屏页 安卓12+无效问题
qq_45048851的博客
07-05 952
如果安卓版本是12或更高版本 必须添加 android_12 参数项flutter_native_splash 官网说明
Flutter 启动白屏
唐僧的专栏
07-27 1964
flutter 启动白屏
flutter-设置开屏页 解决开屏白屏问题
weixin_43575775的博客
08-19 1703
当您的应用程序打开时，本机应用程序会短暂加载 Flutter。默认情况下，在此期间，本机应用程序会显示白色启动屏幕。该包自动生成 iOS、Android 和 Web 本机代码，用于自定义本机启动画面背景颜色和启动图像。支持深色模式、全屏和特定于平台的选项。其中color 为背景颜色 注意格式 可以设置为#000000 不能简写为#000。因为我不需要使用到 动态关闭开屏页 所以加在dev_dependencies 中。image为居中得icon 可以是小图标 自动居中得。卸载 重启app 即可生效。
Flutter编译到鸿蒙启动页闪白屏解决
王氏秘籍
11-21 804
Flutter编译到鸿蒙启动页闪白屏解决
Android工程Flutter模块踩坑：
wjwei1213的专栏
12-28 710
Flutter踩坑、持续更新
Android 12 启动画面-SplashScreen(2)
2401_84149675的博客
04-21 716
所以，如果你的代码中还保留着过去自己实现的那一套SplashScreen，在Android 12中就会出现双重SplashScreen的现象。这样，当SplashScreen结束时，你的主题就能够被复原，从而不会影响到你的App的主题外观。作者2013年java转到Android开发，在小厂待过，也去过华为，OPPO等大厂待过，18年四月份进了阿里一直到现在。作者2013年java转到Android开发，在小厂待过，也去过华为，OPPO等大厂待过，18年四月份进了阿里一直到现在。启动画面最长1000毫秒。
第四百四十一回 再谈flutter_native_splash包
talk_8的专栏
04-04 1524
我们在本章回中介绍了如何使用flutter_splash_icon包实现splash页面。我们介绍了详细的步骤，同时分享了很多使用细节 ，最后对全文章的内容做了总结，并且分享了相关的使用经验。
Flutter闪屏画面库flutter_native_splash
qq_15596445的博客
11-03 1160
首先，添加 flutter_native_splash 依赖到 pubspec.yaml 文件中。 添加后需要pub get设置启动画面 2.放置在根项目文件夹中名为 的新文件中flutter_native_splash.yaml。 配置 如果采用2建立新文件的方式 Android 12+ 支持 Android 12 采用了添加启动画面的新方法，该启动画面由窗口背景、图标和图标背景组成。请注意，不支持背景图像。没有图标背景的应用程序图标，如左图所示：这应该是 1152×1152 像素，并且适合直径 768
Flutter 学习之旅 之 flutter 使用flutter_native_splash 简单实现设备启动短暂白屏黑屏（闪屏）的问题
最新发布
仙魁XAN
03-10 1641
Flutter 是一款开源的 UI 软件开发工具包，由 Google 开发和维护。它允许开发者使用一套代码同时构建跨平台的应用程序，包括移动设备（iOS 和 Android）、Web 和桌面平台（Windows、macOS 和 Linux）。Flutter 使用 Dart 编程语言，它可以将代码编译为 ARM 或 Intel 机器代码以及 JavaScript，从而实现快速的性能。
[译]Flutter闪屏画面库flutter_native_splash
军火库
02-24 8485
本文翻译自pub： flutter_native_splash | Flutter Package (flutter-io.cn) 译时版本： flutter_native_splash 2.0.2 当应用打开时，在原生应用加载 Flutter 之前会有一个短暂的时间。默认情况下，在此期间，原生应用会显示一个白屏画面。该包自动生成 iOS 、 Android 和 Web 的原生代码来自定义闪屏画面的背景色和闪屏图像。支持黑暗模式、全屏和平台指定选项。 新内容 现在可以在应用初始化时一直显示闪屏界面！不
Flutter Android端启动白屏
weixin_34408717的博客
07-10 619
问题描述 Flutter 应用在 Android 端上启动时会有一段很明显的白屏现象，白屏的时长由设备的性能决定，设备性能越差，白屏时间越长。 问题分析 其实启动白屏的问题在Android原生应用上也是一个常见问题，大致是因为从用户点击 Launcher Icon 到应用首页显示之间，Android 系统在完成应用的初始化工作，其流程如下： 在 Flutter Android 端上，白屏的问题会...
flutter_native_splash插件的简单使用
weixin_44868492的博客
05-17 1015
点击图标打开一个应用，默认情况本地应用会展示白色启动页填充这段时间间隔，这对用户体验尤为不友好。但对于flutter的开发者来说，同时配置andorid、ios以及web端的启动页有些麻烦不好维护，flutter_native_splash的诞生解决了这一痛点，通过配置文件的方式配置启动页，命令行运行命令后会自动生成android、ios、web端对应的启动页，并且支持暗色模式、全屏以及特殊平台的配置。端真机调试，看不到启动页的效果的情况，笔者遇到过的一种原因是真机操作系统使用的是。
【Flutter】【package】flutter_native_splash 闪屏页面的快速实现
自动人生博客
09-21 1617
导入包到项目中去：flutter_native_splash功能： 然后在终端运行：flutter pub run flutter_native_splash:create 会自动去添加需要的配置和设置项目：结果如图： 然后在文件根目录终端运行，会有同样的效果： flutter pub run flutter_native_splash:create --path=path/to/my/flutter_native_splash.yaml我的配置文件如下： flutter 代码 截图：
热修复原理学习（4）冷启动类加载原理，flutter路由动画
m0_65321095的博客
01-26 1689
综上可知，如果类没有在加载时的verifyAndOptimizeClass()的方法打上 CLASS_ISPERVERIFIED/CLASS_ISOPTIMIZED这两个标识，则会在 类的初始化时去执行类的校验和优化。 由于类检验的任务可以认为是很重的，因为会对类的所有方法中的所有指令都做校验，单个类加载时耗时并不多，但是同一个时间点加载大量的类情况下，这种耗时就会被放大。所以这也是插桩给类的加载效率带来比较大影响的后果。（因为这些情况都是放在第一次安装Apk的时候做的） 我们知道若采用插桩，会导致所有类都
Flutter flutter_native_splash启动页配置
qq_52871405的博客
09-14 763
#Android12以上没有效果:会出现icon启动图；Android12以下才展示设置的launch背景图 # dart run flutter_native_splash:create flutter_native_splash: background_image: "assets/images/splash.png" fullscreen: true #全屏显示 android: true ios: true android_12: image: "assets/ima
flutter_native_splash包：自定义Android和iOS初始屏幕
资源摘要信息:"flutter_native_splash是一个用于Flutter应用开发的插件，旨在自动化生成用于在Android和iOS平台上显示初始启动画面的代码。该插件允许开发者通过简单的配置来自定义启动画面的背景颜色、是否全屏显示...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值