【译】Flutter 延迟组件原理与自定义 【包体积优化 _ 动态化

最新推荐文章于 2024-04-06 00:23:09 发布
最新推荐文章于 2024-04-06 00:23:09 发布
阅读量542 收藏
点赞数
分类专栏： 程序员 文章标签： 架构 移动开发 android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wq221aas/article/details/122703163
版权
本文介绍了Flutter应用如何利用延迟组件减少包体积，详细阐述了延迟组件的生命周期、加载单元机制，并探讨了自定义下载和解压实现。通过延迟加载，Flutter应用能在运行时按需下载组件，显著降低初始安装尺寸，同时提供了通过组件名称直接安装和卸载的方法。
摘要由CSDN通过智能技术生成
  • 安装包大小: 50,214,681 bytes

未使用延迟组件：

  • base-arm64_v8a.apk - 12,521,900 bytes
  • base-master.apk - 80,605,796 bytes
  • 安装包大小: 93,127,696 bytes

我们可以看到编译后的代码大小(base-arm64_v8a.apk) 减少了约 200kB，初始包体积(base-master.apk)减少了约 43MB。总体而言，初始安装尺寸减少了46%。dart代码、资源文件等会被移动到单独的组件中，只有在需要时才会在运行时下载。安装了所有组件后应用的体积只比非延迟安装的应用仅多几 KB。

延迟组件的应用结构

延期的 Dart 库通过 gen_snapshot(Dart编译器)生成「加载单元」，当以 profile 或者 release 模式构建的时候，每个加载单元输出为一个拆分的 AOT 共享库(.so 文件)。加载单元是代码中用 deferred 关键字引入库的最小的集合，可以从基础库中分离出来。

下图展示了使用延迟组件的应用程序结构，和延迟 dart 库被编译成加载单元并打包成 .aab 文件的「生命周期」。

这个例子有以下特点：

  • 四个 Dart 库，其中 Dart 库 lib1 依赖于 lib2。lib1、lib3 和 lib4 被作为延迟组件导入到 flutter 应用程序的主代码中。
  • 四个加载单元，其中 id 为 1 的是基本单元࿰
最低0.47元/天 解锁文章
wq221aas
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【译】 Flutter 延迟加载组件 【包体积优化 _ 动态化
m0_64604842的博客
12-10 762
// Emulates installation of future on demand modules using SplitCompat. SplitCompat.install(this); } 将 `SplitCompatApplication` 声明为 application 的子类， 并将 `FlutterApplication` 中的 flutter 兼容性代码添加到你的 application 类中： <application … android:name=“com.google.
Flutter 延迟Flutter
的博客
11-29 3111
Flutter 延迟Flutter执行。
【译】Flutter 延迟组件原理与自定义 【包体积优化 _ 动态化】(1)
2401_84121871的博客
04-06 908
可以不通过 Android Play 商店实现自定义下载。这只推荐给高级开发者，主要针对具有特殊需求的应用，如超大的静态资源，某些特定地下载行为，或无法访问 Play 商店的地区(如中国)。Flutter 嵌入层允许自定义实现，处理自定义的的延迟组件下载和解压，同时仍然允许访问核心的 Dart 回调，该回调将加载单元注册到 Dart runtime。这个过程比默认的 play store 版本要复杂。的Android嵌入层的实现，用于处理应用程序和服务器之间的通信，并从下载的组件中提取.so。
Flutter中实现延时操作
bugyinyin的博客
01-15 1424
这里也为想要学习Flutter的朋友们准备了两份学习资料《Flutter Dart语言编程入门到精通》《Flutter实战》，从编程语言到项目实战，一条龙服务！！
【译】Flutter 延迟组件原理与自定义 【包体积优化 _ 动态化】(2)
2401_84121897的博客
04-06 362
Flutter 支持构建在运行时下载额外 Dart 代码和静态资源的应用程序。这可以减少安装应用程序 apk 的大小，并在用户需要时下载功能和静态资源。我们将每个独立的可下载的 Dart 库和静态资源称为「延迟组件」。此功能目前仅在 Android 可用，延迟组件中的代码不会影响其他平台，其他平台在初始安装时会正常构建包含所有延迟组件和资源的应用。延迟加载仅在应用程序编译为 Release 或 Profile 模式 时可用。在 Debug 模式下，所有延迟组件都被视为常规导入，它们在启动时立即加载。
Flutter 延时执行
冬无雪的博客
04-24 2032
// 延时1s执行返回 Future.delayed(Duration(seconds: 1), (){ Navigator.of(context).pop(); print('延时1s执行'); });
Deferred Components-实现Flutter运行时动态下发Dart代码 | 京东云技术团队
JDDTechTalk的博客
05-23 1221
Deferred Components，官方实现的Flutter代码动态下发的方案。本文主要介绍官方方案的实现细节，探索在国内环境下使用Deferred Components，并且实现了最小验证demo。读罢本文，你就可以实现Dart文件级别代码的动态下发。
flutter延迟执行代码
mmmmm_e的博客
04-03 1841
/// 延时2s执行返回 Future.delayed(Duration(seconds: 2), (){ Navigator.pushAndRemoveUntil( context, new MaterialPageRoute(builder: (context) => new Home()), print('延时2s执行'); })...
flutter 如何实现延迟效果
senkai123的博客
11-06 6047
在实际开发中，我们经常需要对操作进行一个延迟效果 Flutter自带函数 Future.delayed(Duration(milliseconds: 500), () { }); 使用Rxdart Observable.just(1).delay(new Duration(milliseconds: 500)).listen((_) { }); 简单封装下Rxdart import ...
Flutter延迟执行一段代码的几种方式以及Timer的说明
江上清风山间明月的博客
06-26 2835
Flutter中的Timer类用于创建一个定时器，可以在指定的时间后执行一段代码，或者按照指定的间隔重复执行代码。Timer类是Flutter中用于定时执行代码的工具，适用于延迟执行一次或周期性执行的场景。通过设定延迟时间和指定回调函数，可以实现在指定时间后执行代码的需求。记得在适当的时机取消定时器，以确保代码的正确执行和资源的释放。
【译】Flutter 延迟组件原理与自定义 【包体积优化 _ 动态化】
最新发布
bfhye16552的博客
04-06 544
可以不通过 Android Play 商店实现自定义下载。这只推荐给高级开发者，主要针对具有特殊需求的应用，如超大的静态资源，某些特定地下载行为，或无法访问 Play 商店的地区(如中国)。Flutter 嵌入层允许自定义实现，处理自定义的的延迟组件下载和解压，同时仍然允许访问核心的 Dart 回调，该回调将加载单元注册到 Dart runtime。这个过程比默认的 play store 版本要复杂。的Android嵌入层的实现，用于处理应用程序和服务器之间的通信，并从下载的组件中提取.so。
如何缩减接近 50% 的 Flutter 包体积
2401_84046677的博客
04-01 2446
我们先来统一认识，包体积到底重要不重要？结论是很重要。右图是 Google 2016 年公布的研究报告，核心思想是包体积每上升 6MB 就会带来下载转化率降低 1%，当包体积增大到 100MB 时就会有断崖式的下跌。这是 2016 年的数据，现在流量虽然变得更廉价一点，但是用户的心理是不会变的。可能 6MB 这个数据现在变成 10MB 或者 20MB，但是当你 APP 出现在应用市场的相同位置时，包体积越大，用户下载意愿就越低，这是毫无疑问的。所以我们的结论是：包体积很重要，需要优化。那现状是什么？
Flutter中的延时方法
热门推荐
数据联盟
09-10 2万+
使用Timer 示例代码： class AnimatedFlutterLogo extends StatefulWidget { @override State<StatefulWidget> createState() => new _AnimatedFlutterLogoState(); } class _AnimatedFlutterLogoState ext...
【chatGPT知识分享】Flutter web 性能优化基础入门
爱孔孟
04-28 1083
Flutter是 Google在这里插入代码片公司推出的跨平台移动应用开发框架，支持AndroidiOS和Web等多个平台。是Flutter在Web平台上的应用，可以开发具有良好用户体验的网站。但是，由于Web环境的特殊性，的性能问题值得关注和解决。为什么需要性能优化性能问题是 Web 应用开发中常见的问题之一，影响用户体验和应用的可用性。在 Flutter Web 中，由于网络环境和硬件条件的不确定性，尤其需要注意性能优化。常见的性能问题包括应用启动速度、页面加载速度、响应速度等。怎么做性能优化。
Flutter包大小优化
唐僧的专栏
12-25 1237
包大小分析 优化思路 APK优化实战 Flutter包大小优化需要用到集成打包的知识，对于还不了解如何打包Flutter应用的小伙伴可以先看我们课程后面有关集成打包部分的内容，然后再来学习本节课。 包大小分析 将APK拖拽到AS中可以进行包大小分析： 优化思路 图片优化 移除冗余的二三库 启用代码缩减和资源缩减 构建单ABI架构的包 图片优化 Flutter资源中占比较多的一般是图片，对于图片的优化常用的有两个方案： 图片压缩：对于过大的图片可以使用TinyPNG – Comp
【flutter】应用瘦身优化包体积
weixin_43671125的博客
11-28 1062
1、删除无用代码和资源文件 2、压缩图片 3、代码优化 4、混淆 5、分架构构建apk
Flutter团队协作中的组件化与工程化解决方案
在构建Flutter应用程序时，由于其特有的开发环境和...Flutter混合开发组件化与工程化的关键在于管理好版本、确保环境一致性、采用标准的工程结构，并充分利用Flutter的插件系统，这样才能有效提升开发效率和维护质量。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值