滴滴DoKit For Flutter正式开源，还是原来的“味道”

社区的小伙伴们，大家好啊，艰难的2020已经过去，随着2021的到来，在新的一年里希望大家都能够需求不变更、准点上下班、代码0 Bug。同时也给大家准备了一份特殊的“新年礼物”，没错它就是DoKit For Flutter，它来啦，它带着熟悉的配方来啦。接下来就让我们揭开它神秘的面纱吧。

背景

Flutter是Google开源的跨端技术框架。凭借其区别于RN/Weex的自渲染模式，在社区里引起了广泛关注，不管是终端还是前端的小伙伴都趋之若鹜，大有一统大前端江湖的气势。而国内大厂如闲鱼、字节、美团等，也都在其核心业务上完成了落地。

滴滴作为国内最大的出行平台，早在两年前就有多个内部团队开始在Flutter领域进行尝试。但是在开发过程中，我们遇到了很多调试性问题，如日志、帧率、抓包等。为了解决这些开发测试过程中遇到的各类问题，我们联合滴滴代驾和货运团队，把平时工作过程中沉淀下来的效率工具进行业务剥离和脱敏，并最终打造出DoKit For Flutter，在服务内部业务的同时，也为社区贡献一份力量，这也是滴滴的开源精神。

介绍

DoKit For Flutter是一个DoKit针对Flutter环境的产研工具包，内部集成了各种丰富的小工具，UI、网络、内存、监控等等。DoKit始终站在用户的角度，为用户提供最便利的产研工具。

Github地址

Pub仓库地址

操作文档

 

 

那么接下来就让我来列举一下DoKit For Flutter的功能以及核心实现。

工具详解

基本信息

基本信息模块会展示当前dart虚拟机进程、CPU、Flutter版本信息、当前App包名和dart工程构建版本信息；

 

 

VM信息通过VMService获取。Flutter版本实际上是通过Devtools服务注入的"flutterVersion"方法获取到的，在flutter attach后，本地会起一个websocket服务，连接VMService并注入flutterVersion和其余方法（HotReload、HotRestart等），通过VMService调用flutterVersion方法，会从本地flutter sdk目录下解析version文件返回版本号。

路由信息

 

 

在Flutter中，每个页面对应一个Route，通过Navigator管理Route。Navigator内部会包含一个Overlay Widget，每个Route最终都转化成一个_OverlayEntryWidget添加到Overlay上。这个地方可以把Overlay理解为Android中的FrameLayout，内部的View上下叠加。每打开一个新的Route，