本期知识小报的主要内容包括:
Flutter NullSafty有用么?
Flutter 代码Trim机制的坑?
Flutter为什么引入EngineGroup?
Android折叠屏咋适配?
抽奖有礼!
Flutter NullSafty有用么?
Flutter从2.0版本开始引入Dart语言的NullSafty 特性,并且在Flutter2.2版本中默认开启Dart3.0版本中已经明确不再支持非NullSafty代码。引入NullSafty特性能带来的明显收益:
1. 在编译期对变量的空安全做强保护。并且IDE会在代码静态扫描的过程中,直接给出空安全相关的提示。这无疑大幅提升了编码效率和代码质量
![null 696bab378911efb72eed43dff2a2d4cd.png](https://i-blog.csdnimg.cn/blog_migrate/53d3b46353f6370507f12061c3d4375d.png)
![null eef6a805e137a75b694e4fd4398510dc.png](https://i-blog.csdnimg.cn/blog_migrate/b4c77fbdc355553618085e27f2bdde14.png)
2. Dart编译器能针对支持NullSafty的代码进行更多优化以生成体积更小,性能更佳的程序
3. 代码表达更加精简
非NullSafty,
![null 504f8a4abd6984cf3cf58f93cb42db20.png](https://i-blog.csdnimg.cn/blog_migrate/eaec7236a58ab3160082d666c72fac85.png)
NullSafty
![null 22a754c67e7f788864ffca01f1d0d579.png](https://i-blog.csdnimg.cn/blog_migrate/c8403898f884fd716314946f0e99ec8b.png)
1. 将Flutter项目中的dart Sdk版本改成>=2.12。整个工程即可开启NullSafty。
2. 如果整体开启工作量太大,可以改成单个文件开启。只需要在dart文件的最开始(一定要最顶上写)添加如下注释即可:
![null fc5f7557001d918580a2a3425c617e8a.png](https://i-blog.csdnimg.cn/blog_migrate/46ea9ed243cfc8b6205e3eb0f64772fc.png)
Flutter 代码Trim机制的坑
我们都知道Flutter中的dart代码在编译过程中,会对没用调用到的代码进行裁剪。这样做的好处是尽可能减少产物的大小。以闲鱼场景为例关闭代码Trim,闲鱼的包大小会增加额外的8M。但是实际开发过程中的一个不起眼的操作,竟然会打入你可能意料之外的代码。
![null 67159212d268c5a1c79b7d59496a4a78.png](https://i-blog.csdnimg.cn/blog_migrate/b14af336edba760e1f550a42c01bf8c5.png)
上述代码中dependencyCall 所在代码 是会在编译期间被trim掉的(如果没有其他任何引用的话)。但是如果代码改成了如下方案,情况就不同了。
![null 29e2cafe8d2349f05b82b7cdc3137b03.png](https://i-blog.csdnimg.cn/blog_migrate/8c1e6b1a08eb2cc3f9163ec74b2d00d0.png)
由于在编译期间,编译器无法100%确认needSomething 变量的值。所以就会将dependencyCall 所在代码打入最终的包中。包大小就“意外”变大了。
一个非常小的改动,即便最后的值都是false,看起来是逻辑等价。但是“不经意间”却影响了最终打入的代码。
Flutter为什么引入EngineGroup
众所周知,Flutter最早是面向APP级别进行设计的。但是实际应用过程中,更多的场景是将Flutter纳入现有的APP之中,这时Flutter多实例就是一个无法回避的问题。闲鱼团队之前的解决方案是FlutterBoost,目前也已经开源。本质上是多个页面复用一个Flutter Engine。
Flutter 2.0版本中,官方对Flutter多实例场景进行了优化。据官方数据,增加一个新的Flutter实例,只会增加约180K的内存占用。这无疑对多实例场景是一个重大利好。官方数据如下:
一个engine | 两个engine |
![]() | ![]() |
但是这个方案真的那么完美么?目前的EngineGroup方案也有他的一些不足:
1. 每个Engine都有自己的Isolate,彼此之间数据独立无法复用。同时不同页面之间的数据通信的成本也大幅提升
2. 每个Engine都有自己的桥通道。需要单独注册和管理
3. 多Engine即便已经大幅优化,考虑到更多的Isolate和数据隔离。真实页面性能成本相比单Engine版本会更高
大家可以根据自己业务的实际情况选择使用
Android折叠屏怎么适配?
从2018年Google发布Android 9.0首次支持折叠屏到现在适配方案主要经历了三个阶段
1. Android官方折叠屏适配指南。主要从以应用连续性、屏幕尺寸兼容性和多窗口模式 几个方面进行适配
![null 944ae88f4d1398512fe1334324e409fa.gif](https://i-blog.csdnimg.cn/blog_migrate/266a519b310f6d5350ae758efa84e6eb.gif)
2. 各个厂商陆续推出自己的折叠屏手机以及各自的补充适配方案,需要开发者按照厂商机型分别适配,例如华为的easygo方案,通过json 配置文件支持平行视界模式。
3. Android 12L新增了Activity embedding,为所有类型的可折叠设备提供统一 API,避免各设备单独适配。
让开发者以最小的开发成本、更加有效的实现方式来 为大屏幕构建应用。
1. 配置依赖项,将WindowManager库依赖项添加到应用的build.gradle文件中
2. 配置分屏规则
可以通过XML静态配置
也可以在运行时动态配置
3. 设置配置初始化
4. AndroidManifest中配置启动执行上一步的初始化类ExampleWindowInitializer
引用:
Lightweight Flutter Engines:https://github.com/flutter/flutter/issues/72009
Android官方折叠屏适配指南:https://developer.android.google.cn/guide/topics/ui/foldables?hl=zh-cn
Sound null safety:https://dart.dev/null-safety
FlutterBoost:https://github.com/alibaba/flutter_boost
抽奖有礼
礼物 1
1024是属于每位开发者同学的节日~
该怎么回馈闲鱼技术的粉丝朋友们呢?
格子衬衫文化衫?闲鱼ip手办?
基于对大家过往关注的观察洞察分析,共同成长才是我们的共同目标。
公众号小姐姐用心为大家首发新专栏:【知识小报】,希望新老朋友喜欢这个新的尝试。
礼物 2
此外,我们还准备了若干份神秘礼物!
转发本文到朋友圈,与更多开发者伙伴分享快乐
10月26日前将截图私信给后台
就有机会获得神秘小礼物🎁,随机抽取5位同学。
🎉闲鱼技术祝大家1024节日快乐🎉