Flutter——启动页白屏的优化

flutter启动页白屏的优化:使用图片替代白屏

结构图

核心的代码如上图,修改两个launch_background.xml里的代码为:

Kotlin 复制代码
<item>
        <bitmap
            android:gravity="center"
            android:src="@mipmap/ic_launcher" />
    </item>

@mipmap/ic_launcher为你想要显示的图片

其他的优化方式:
  1. 减少启动页的内容:可以将启动页的内容尽量简化,只保留必要的元素,减少绘制的内容,从而提高启动速度。

  2. 使用预加载器:可以使用预加载器在启动页加载的同时,预先加载应用的主要资源,如图片、字体等,以减少启动时的加载时间。

  3. 使用启动动画:可以使用启动动画代替静态的启动页,这样可以让用户感觉应用启动更快,同时也可以增加应用的视觉吸引力。

  4. 减少网络请求:如果启动页中需要加载网络资源,可以考虑将这些资源缓存到本地,以减少启动时的网络请求次数和等待时间。

  5. 使用默认壁纸:可以将启动页的背景设置为应用的默认壁纸,这样可以避免加载额外的图片资源,从而提高启动速度。

  6. 使用透明度渐变:可以将启动页的背景设置为透明度渐变的图片,这样可以让用户感觉应用启动更快,同时也可以增加应用的视觉吸引力。

  7. 减少启动时的初始化操作:可以将一些初始化操作放在应用的后台进行,以减少启动时的等待时间。

相关推荐
九狼JIULANG6 小时前
Flutter SSE 流式响应用 Dio 实现 OpenAI 兼容接口的逐 Token 输出
flutter
恋猫de小郭16 小时前
你是不是觉得 R8 很讨厌,但 Android 为什么选择 R8 ?也许你对 R8 还不够了解
android·前端·flutter
前端不太难16 小时前
Flutter 页面切换后为什么会“状态丢失”或“状态常驻”?
flutter·状态模式
松叶似针17 小时前
Flutter三方库适配OpenHarmony【secure_application】— pubspec.yaml 多平台配置与依赖管理
flutter·harmonyos
阿林来了1 天前
Flutter三方库适配OpenHarmony【flutter_speech】— MethodChannel 双向通信实现
flutter·harmonyos
阿林来了1 天前
Flutter三方库适配OpenHarmony【flutter_speech】— 单元测试与集成测试
flutter·单元测试·集成测试·harmonyos
松叶似针1 天前
Flutter三方库适配OpenHarmony【secure_application】— 性能影响与优化策略
flutter·harmonyos
松叶似针1 天前
Flutter三方库适配OpenHarmony【secure_application】— 测试策略与用例设计
flutter·harmonyos
心之语歌1 天前
flutter 父子组件互相调用方法,值更新
前端·javascript·flutter