Flutter Method Channel:从 Dart 到 Native 调用链

发布于 2024-09-22 10:53:38 字数 2258 浏览 8 评论 0


flutter.png

一,结论写在前面

当我一步一步看完从 dart 到 native 的整条调用链,确实是一件很痛苦的事情,因为链路很长,而且里面又定义了许多接口类,想找到真正的实现类也不是很轻松,但是我看完整个过程后,我可以先把结论现在前面,即使没耐心看完整条调用链的同学也知道它是怎么实现的。

我用一张图形象的来表达下,它的工作原理是怎样的。 尽可能的直观简单。


WechatIMG980.png

从上面来看哈,其实它的一个核心的工作原理,从 dart 端调用到 native 端,就是将 native 端的回调方法存在一个以那个 channel_id 为 key 的字典里,然后 dart 端执行 invokeMethod 的时候,通过那个 key 在 Map 里面找到回调方法 value,就是那个我们在 native 端实现的回调方法,然后执行它。 这其实 就是它的核心实现。

二,Dart 是如何调用到 Native 的呢?

虽然我们知道了 整个实现的原理是什么,但是有一点还是不清楚,就是 Dart 这边是怎么就调用到了 Native 这边的代码的呢?

注意红色框框和绿色字:

WechatIMG983.png

这点之前一直困惑着我,这篇文章,我们来追踪这一过程。

由于我之前已经读过了源码,我就直接贴出,关键步骤。

先看 Dart 调用发方:

重点是 dart 里面 native 这个关键字,可以看到这个方法其实在 dart 端只是一个方法名, 并没有实现,而且从名字也可以看到,native 后面跟着的是一个字符串,很明显,要么这个字符串就是 native 端的方法名,要么就是跟 native 有什么关系。

其实这个字符串,就是一个约定的 key,用来到 native 端,好来寻在具体的实现方法是哪个。


WechatIMG981.png

再看 Native 接收方法:

这里接到了 Dart 端 native 关键字后面的标识符,可以看出,正是用 dart 端带过来的这个字符串,来去匹配 native 端 c++ 这边的方法实现。

WechatIMG982.png

Dart 语言支持多种模式打包,主要分为两类,一种是 JIT,一种 AOT,这种方式在 Flutter 上,也是一样的,只不过会略微有些差别,我们 App 在生产的时候,用的 AOT 模式,在测试的时候用的 JIT 的模式,各自有各自的有点,这也就是为什么在 Debug 下我们可以 HotReload 来热重载我们的应用,值得注意的是,在 Debug 下也就是 JIT 模式下,会引入 DartVM 来负责打包,打包后的产物在 flutter/assets/* ​下面。

由于 AppStore 的要求,不让动态分发可执行二进制代码,所以很语言都选择了 AOT 模式,JavaScript 例外。

参考:

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

关于作者

情深缘浅

暂无简介

0 文章
0 评论
23 人气
更多

推荐作者

xu362930323

文章 0 评论 0

缱倦旧时光

文章 0 评论 0

qq_eXruk9

文章 0 评论 0

遂心如意

文章 0 评论 0

guojiayue1

文章 0 评论 0

愿与i

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文