当前位置: 首页 > news >正文

Flutter 应用启动从闪屏页短暂黑屏再到第一个页面

由于应用初始状态启动会有白屏现象,便使用 flutter_native_splash 2.3.5 插件生成了启动相关的配置,并且按照示例使用了

import 'package:flutter_native_splash/flutter_native_splash.dart';void main() {WidgetsBinding widgetsBinding = WidgetsFlutterBinding.ensureInitialized();FlutterNativeSplash.preserve(widgetsBinding: widgetsBinding);runApp(const MyApp());
}// whenever your initialization is completed, remove the splash screen:
FlutterNativeSplash.remove();

我实际想要的页面顺序是这样的:原生闪屏页 --> Flutter Page闪屏页 --> 首页/登录页

但实际在Android设备和iOS设备上都出现了同一个情况:应用闪屏页 --> 短暂黑屏 --> 开屏页。因为插件的示例是没有这个情况的于是我下载源码对比了一下,解决了这两个问题

  1. Android、iOS均有此现象:
    FlutterNativeSplash.preserveFlutterNativeSplash.remove() 不能过近,也就是说 remove方法基本上需要放到 Splash 的页面去执行,而且在这之前需要适当进行 1-3 秒的延时,如果顺序调用会出现这种情况

  2. 做完上面的处理后,Android正常,iOS仍有此现象:
    首先在XCode内打开项目配置面板,找到 targets -> General -> App Icons and Launch Screen,把 Launch Screen File 选项填的内容置空
    在这里插入图片描述

然后到 ios/Runner/info.plist 文件内,修改 UILaunchStoryboardName 字段的值为 LaunchScreen,如果你的启动页文件不是这个名字需要改成实际文件的名字,不需要后缀,然后重新编译运行就OK了
在这里插入图片描述

http://www.lryc.cn/news/234942.html

相关文章:

  • Linux+qt:获取.so自身的路径(利用dladdr)
  • CSS特效014:模仿钟摆效果
  • 计算机毕业设计选题推荐-个人健康微信小程序/安卓APP-项目实战
  • 【自然语言处理(NLP)实战】LSTM网络实现中文文本情感分析(手把手与教学超详细)
  • 迭代新品 | 第四代可燃气体监测仪,守护燃气管网安全快人一步
  • 【教3妹学编程-java基础6】详解父子类变量、代码块、构造函数执行顺序
  • 深度学习中文汉字识别 计算机竞赛
  • 从零开始 通义千问大模型本地化到阿里云通义千问API调用
  • Linux(3):Linux 的文件权限与目录配置
  • Linux进程——exec族函数、exec族函数与fork函数的配合
  • 客户端缓存技术
  • Leetcode -2
  • 使用 DFS 轻松求解数独难题(C++ 的一个简单实现)
  • 【SQL server】 表结构的约束和维护
  • 竞赛 题目:基于大数据的用户画像分析系统 数据分析 开题
  • Vue3-ref、reactive函数的watch
  • 【智能家居项目】FreeRTOS版本——多任务系统中使用DHT11 | 获取SNTP服务器时间 | 重新设计功能框架
  • Power BI Desktop数据可视化图表
  • 鸿蒙APP外包开发需要注意的问题
  • Redis 19 事务
  • Fabric多机部署启动节点与合约部署
  • WordPress主题WoodMart v7.3.2 WooCommerce主题和谐汉化版下载
  • Java 高等院校分析与推荐系统
  • 【JVM】Java虚拟机
  • 业务架构、技术架构、项目管理的有机结合
  • 拜耳阵列(Bayer Pattern)以及常见彩色滤波矩阵(CFA)
  • 【信息安全】浅谈IDOR越权漏洞的原理、危害和防范:直接对象引用导致的越权行为
  • uni-app 蓝牙打印, CPCL指令集使用
  • vue-组件通信(二)
  • 2023年【危险化学品经营单位安全管理人员】考试题及危险化学品经营单位安全管理人员模拟试题