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

相关推荐

  1. Android 启动优化

    2024-03-30 12:20:01       68 阅读
  2. spring boot 定义启动 到 login

    2024-03-30 12:20:01       33 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-30 12:20:01       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-30 12:20:01       106 阅读
  3. 在Django里面运行非项目文件

    2024-03-30 12:20:01       87 阅读
  4. Python语言-面向对象

    2024-03-30 12:20:01       96 阅读

热门阅读

  1. 新能源汽车消费者购车习惯调查方案

    2024-03-30 12:20:01       41 阅读
  2. pytorch | transforms.Compose()函数

    2024-03-30 12:20:01       43 阅读
  3. Shell脚本基础 以及 变量和引用

    2024-03-30 12:20:01       38 阅读
  4. 数据按日期周期的分组聚合

    2024-03-30 12:20:01       41 阅读