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 提前加载图片。避免图片首次加载的闪烁问题。

相关推荐
Privasa-隐私实验室6 分钟前
跨端技术选型|Flutter搭建隐私加密App,安卓与iOS双端差异适配实战
android·笔记·安全·flutter·ios·隐私安全·aes-256
Flutter OH10 小时前
Flutter OH 外接纹理问题定位指南
flutter
未来猫咪花14 小时前
Everything is ViewModel:让状态管理回到对象世界
android·flutter·ios
Flutter OH15 小时前
Flutter OH 日志抓取与过滤指南
flutter
Flutter OH16 小时前
Flutter OH 内存与 GPU 问题定位指南
flutter
Flutter OH16 小时前
Flutter OH 多设备适配问题定位指南
flutter
律宏阔17 小时前
Flutter Hooks 与 flutter_map_animations 冲突:第二次地图动画报错的解决方案
flutter
Flutter OH21 小时前
Flutter OH 卡死冻屏问题定位指南
flutter·命令模式
2501_916007471 天前
Flutter与游戏App加固避坑指南:如何为混合开发与高交互应用选对安全方案?
安全·flutter·游戏·ios·小程序·uni-app·iphone
恋猫de小郭1 天前
Flutter A2UI 深度解析,它是怎么提供动态生产力的,然后为什么 A2UI 不只是 Flutter
android·前端·flutter