flutter 使用 flutter_native_splash 闪屏页安卓12+无效问题

最新推荐文章于 2025-03-10 14:57:56 发布

原创最新推荐文章于 2025-03-10 14:57:56 发布 · 953 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android #flutter #前端

如果安卓版本是12或更高版本必须添加 android_12 参数项

flutter_native_splash 官网说明

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ζั͡ั͡苏乞儿_ั͡͡ั͡

关注关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

【Flutter】Flutter 使用splashscreen包创建启动页面

Code Metaverse

06-14

2516

如何在 Flutter 中使用 splashscreen 包来创建启动页面

使用flutter_native_splash替换启动图片，iOS端替换不成功

weixin_43031192的博客

12-06

1369

插件替换启动图片的时候，Android手机能替换成功，但是iOS端却依旧显示的旧图片，最后手动配置iOS端的启动页也不好使，即使在整个项目中，已经把就图片删除了，依然不好使，后来查了资料，才知道是因为Apple的。这个方法有个弊端，就是如果有人安装了app，需要更新新版本的时候，启动页依旧不会替换，你总不能让所有安装了app的人都关机重启吧，这也不现实。是有缓存的，替换新的启动页并不会成功，包括但不限于（重启Xcode、清理Xcode缓存、卸载APP、更改图片名称、启用代码。的方式来处理启动页，然而。

参与评论您还未登录，请先登录后发表或查看评论

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

qq_15596445的博客

11-03

1162

首先，添加 flutter_native_splash 依赖到 pubspec.yaml 文件中。添加后需要pub get设置启动画面 2.放置在根项目文件夹中名为的新文件中flutter_native_splash.yaml。配置如果采用2建立新文件的方式 Android 12+ 支持 Android 12 采用了添加启动画面的新方法，该启动画面由窗口背景、图标和图标背景组成。请注意，不支持背景图像。没有图标背景的应用程序图标，如左图所示：这应该是 1152×1152 像素，并且适合直径 768

【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 代码截图：

Flutter 冷启动白屏解决方案 flutter_native_splash

yinianjian2017的博客

03-02

4012

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

军火库

02-24

8485

本文翻译自pub： flutter_native_splash | Flutter Package (flutter-io.cn) 译时版本： flutter_native_splash 2.0.2 当应用打开时，在原生应用加载 Flutter 之前会有一个短暂的时间。默认情况下，在此期间，原生应用会显示一个白屏画面。该包自动生成 iOS 、 Android 和 Web 的原生代码来自定义闪屏画面的背景色和闪屏图像。支持黑暗模式、全屏和平台指定选项。新内容现在可以在应用初始化时一直显示闪屏界面！不

Flutter app启动页（闪屏页）白屏解决方案

klousYG的博客

04-30

4033

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 splash 屏幕

会煮咖啡的猫咪

11-25

865

Flutter splash 屏幕原文 https://medium.com/@bedirhanssaglam/flutter-splash-screen-a8cafec52c8e 前言启动画面通常被特别大的应用程序用来通知用户程序正在加载过程中。它们提供的反馈表明，一个漫长的过程正在进行中。有时，启动画面中的进度条会指示加载进度。当应用程序的主窗口出现时，启动画面就会消失。启动画面可以添加一段时间，然后重新替换。正文启动画面通常用于增强应用程序或网站的外观和感觉，因此它们通常在视觉上很

（两百四十六）Flutter – 学习向 Android 应用中添加闪屏页

01-20

学习 https://flutter.cn/docs/development/ui/advanced/splash-screen ...本指南展示如何在 Flutter 编写的 Android 应用中使用启动页和闪屏页。 iOS 启动页所有应用在交付到 Apple 应用商店之前必须使用

Flutter 学习之旅之 flutter 使用flutter_native_splash 简单实现设备启动短暂白屏黑屏（闪屏）的问题

最新发布

仙魁XAN

03-10

1644

Flutter 是一款开源的 UI 软件开发工具包，由 Google 开发和维护。它允许开发者使用一套代码同时构建跨平台的应用程序，包括移动设备（iOS 和 Android）、Web 和桌面平台（Windows、macOS 和 Linux）。Flutter 使用 Dart 编程语言，它可以将代码编译为 ARM 或 Intel 机器代码以及 JavaScript，从而实现快速的性能。

Flutter的flutter_native_splash库最全最实用使用说明

keaihanxiaodangqiuqi的博客

05-26

3562

自定义下面的设置，然后添加到工程的 pubspec.yaml 文件中，或者在工程文件夹下放置名为 flutter_native_splash.yaml 的新文件。注意: 为了使用此方法， flutter_native_splash 必须在 pubspec.yaml 的 dependencies 部分里，而不是在 dev_dependencies 里。这里就是像上图里面所示的文字要特别说明一下，如果flutter_native_splash.yaml里面的内容有变动更新，建议再次执行一遍上面的命令。

flutter_native_splash使用说明

hacjy

12-28

2113

flutter_native_splash生成启动图的使用说明和注意事项

flutter_native_splash插件的简单使用

weixin_44868492的博客

05-17

1017

点击图标打开一个应用，默认情况本地应用会展示白色启动页填充这段时间间隔，这对用户体验尤为不友好。但对于flutter的开发者来说，同时配置andorid、ios以及web端的启动页有些麻烦不好维护，flutter_native_splash的诞生解决了这一痛点，通过配置文件的方式配置启动页，命令行运行命令后会自动生成android、ios、web端对应的启动页，并且支持暗色模式、全屏以及特殊平台的配置。端真机调试，看不到启动页的效果的情况，笔者遇到过的一种原因是真机操作系统使用的是。

flutter 设置启屏页 flutter_native_splash 坑记录

weixin_43575775的博客

04-22

1980

原因是代码中下面3行没有加。

第四百四十一回再谈flutter_native_splash包

talk_8的专栏

04-04

1524

我们在本章回中介绍了如何使用flutter_splash_icon包实现splash页面。我们介绍了详细的步骤，同时分享了很多使用细节，最后对全文章的内容做了总结，并且分享了相关的使用经验。

Flutter flutter_native_splash启动页配置

qq_52871405的博客

09-14

765

#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 安卓添加启动图设置无效

qq_39559758的博客

03-20

2753

1.问题参照网上的教程按照launch_background.xml 里注释的格式修改了<item>的内容之后发现启动页设置无效 <item android:drawable="@mipmap/splash"></item> 解决成功的实现方案是使用下面一种设置方式注：将splash.png放入mipmap文件夹中也可以使用同一分辨率的图片 ...

关于安卓12闪屏页适配（一）

motosheep的博客

09-16

2196

安卓12启动页适配

flutter 闪屏页

04-04

Flutter的闪屏页可以通过Flutter的启动流程来实现。在Flutter中，应用程序的入口是main()函数，在main()函数中，我们可以使用Flutter提供的WidgetsFlutterBinding.ensureInitialized()方法来初始化Flutter的绑定。在初始化完成后，我们可以使用Navigator.pushReplacement()方法来实现闪屏页的效果。具体步骤如下： 1.在main()函数中，初始化Flutter的绑定： void main() async { WidgetsFlutterBinding.ensureInitialized(); ... } 2.创建闪屏页的Widget，并在Widget的build()方法中调用Navigator.pushReplacement()方法： class SplashScreen extends StatelessWidget { @override Widget build(BuildContext context) { Future.delayed(Duration(milliseconds: 3000), () { Navigator.pushReplacement( context, MaterialPageRoute(builder: (context) => HomePage()), ); }); return Scaffold( backgroundColor: Colors.white, body: Center( child: Text( 'Splash Screen', style: TextStyle(fontSize: 28, fontWeight: FontWeight.bold), ), ), ); } } 在上面的代码中，我们使用Future.delayed()方法来延迟3秒钟，然后调用Navigator.pushReplacement()方法来跳转到主页。在实际开发中，我们可以根据需要设置延迟时间。 3.在main()函数中，调用runApp()方法并传入闪屏页的Widget： void main() async { WidgetsFlutterBinding.ensureInitialized(); runApp(MaterialApp(home: SplashScreen())); } 这样，当应用程序启动时，就会显示闪屏页，延迟一定时间后自动跳转到主页。

flutter 使用 flutter_native_splash 闪屏页 安卓12+无效问题

flutter 使用 flutter_native_splash 闪屏页安卓12+无效问题