ios启动页与flutter启动页无缝衔接,无闪烁和黑屏解决

1、首先需要配置原生的 LaunchScreen 如下图:

注意:LaunchScreen中View的SafeArea 一定要有。如果这里没有SafeArea就会出现flutter渲染第一帧和native衔接时出现闪烁的现象。splash.png也尽量放在根目录中,不要放在Assets中。

2、flutter启动页配置

flutter 中可以考虑使用stack 或者overlay遮罩层来显示启动页,这样可以在加载首页页面和数据的同时显示启动页。设置好启动页的时长,最后显示首页。当然其他方式或者chatGPT给的方式也是可行的要自己斟酌。

这里配置主要是splash.png要跟native端中LaunchScreen中的splash.png是一样的图。这样显示出来的效果很好。

代码中也可以使用 precacheImage 提前加载图片。避免图片首次加载的闪烁问题。

相关推荐
于慨4 小时前
mac安装flutter
javascript·flutter·macos
2601_949593655 小时前
Flutter_OpenHarmony_三方库_image_picker图片视频采集适配详解
flutter·音视频
2601_949593658 小时前
Flutter_OpenHarmony_三方库_fluttertoast消息提示适配详解
flutter
seabirdssss8 小时前
Flutter 开发环境配置
android·windows·flutter·adb
2601_949593659 小时前
Flutter_OpenHarmony_三方库_webview_flutter网页内容嵌入与交互适配详解
flutter·harmonyos
tangweiguo0305198710 小时前
Flutter 分页缓存实战:基于 Riverpod 的 SWR 策略实现
flutter
Ww.xh11 小时前
鸿蒙Flutter混合开发实战:跨平台UI无缝集成
flutter·华为·harmonyos
SoulRed11 小时前
Android Studio 调试flutter gradle的问题
android·flutter·android studio
blanks202011 小时前
为 Zed 编辑器 添加 flutter dart snippets
前端·flutter
blanks202011 小时前
使用 zed 和 使用 vscode 开发 flutter
flutter