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

相关推荐
程序员Ctrl喵9 小时前
异步编程:Event Loop 与 Isolate 的深层博弈
开发语言·flutter
前端不太难10 小时前
Flutter 如何设计可长期维护的模块边界?
flutter
小蜜蜂嗡嗡11 小时前
flutter列表中实现置顶动画
flutter
始持12 小时前
第十二讲 风格与主题统一
前端·flutter
始持12 小时前
第十一讲 界面导航与路由管理
flutter·vibecoding
始持12 小时前
第十三讲 异步操作与异步构建
前端·flutter
新镜12 小时前
【Flutter】 视频视频源横向、竖向问题
flutter
黄林晴13 小时前
Compose Multiplatform 1.10 发布:统一 Preview、Navigation 3、Hot Reload 三箭齐发
android·flutter
Swift社区13 小时前
Flutter 应该按功能拆,还是按技术层拆?
flutter
肠胃炎14 小时前
树形选择器组件封装
前端·flutter