Flutter应用SplashScreen加载前无故出现白屏无法移除问题求助

问题根源 #

你遇到的启动前白屏是Android原生层的冷启动窗口加载阶段的问题，和你用Flutter层initState控制的启动页完全无关：Flutter引擎完成初始化前，系统会先加载原生主题的启动窗口，这个阶段的背景由原生配置决定，你写的Dart层代码还没有执行。

解决步骤 #

• 第一步：检查启动主题的背景绑定
  打开android/app/src/main/res/values/styles.xml文件，找到名为LaunchTheme的启动主题配置，确保android:windowBackground属性指向你编写的launch_background资源，示例配置如下：

  <style name="LaunchTheme" parent="@android:style/Theme.Light.NoTitleBar">
      <item name="android:windowBackground">@drawable/launch_background</item>
      <item name="android:windowFullscreen">true</item>
  </style>
  

  如果你存在values-v31等适配Android12+的styles文件夹，也要同步修改对应目录下的LaunchTheme配置。
• 第二步：修复launch_background的兼容问题
  你当前使用的bitmap标签仅支持png/jpg等位图资源，如果你放的splash是矢量图资源，需要修改为以下写法：

  <?xml version="1.0" encoding="utf-8"?>
  <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
      <item android:drawable="@android:color/black" />
      <item android:drawable="@drawable/splash" android:gravity="center"/>
  </layer-list>
  

• 第三步：优化冷启动速度
  不要在main.dart的runApp方法前执行耗时同步操作（比如权限申请、缓存初始化、网络请求等），这些操作会拉长Flutter引擎初始化时间，变相延长白屏时长，耗时操作可以放到Dart层启动页的initState中异步执行。

内容的提问来源于stack exchange，提问作者Siddharth Mehra