回顾 | RTC Dev Meetup 深圳站

5 月 25 日，RTC 开发者社区主办的 RTC Dev Meetup 在社区小伙伴@Panda 的策划与热情协助下，在深圳迎来了第三次“跨平台开发实践”主题活动。这次带来分享的有顺丰科技的全栈工程师邢尧、声网 Agora 高级架构师张乾泽、在 Github 上有 17K Star 项目的郭树煜，还有掘金小册《Flutter 完全手册》的作者小德。

邢尧：Hybrid开发与实践

在演讲中，顺丰科技的全栈工程师邢尧结合了在迅雷、平安普惠的业务实践，分享其中采用Hybrid的开发经验。在实际业务中，为了可以满足一些需要实时更新，且需要较短时间快速上线的需求，通常会采用 Hybrid 来实现。

为了可以提高用户体验，邢尧列举了几个他们曾采用的方法：

• H5 模块化。如果业务线复杂，最好将 H5 模块化，每个页面独立打包。

• 采用本地压缩包+增量更新的方式来减少流量使用，增快页面加载速度。

• 为了在网络不好的环境下也可以顺利显示，且不会卡顿，可以代理 AJAX 请求，通过 Native 发送。

另外，他还在演讲中分享了JSBridge。不管是 Hybrid 应用，还是 React-Native 都离不开 JSBridge，它给 JavaScript 提供调用 Native 功能的接口。在实际的开发中，可以通过自动类型转换、可变参数、Promise 化，来优化开发效率。

张乾泽：Flutter实时音视频技术实践

声网 Agora 高级架构师张乾泽分享的是Flutter 上的实时音视频技术实践。他主要讲述了，在 Flutter 上做一个一对一视频通话应用的实现逻辑。其中最关键的就是渲染原理，包括外界纹理与PlatformView。我们之前总结过，大家可以看往期的回顾。

对比两种渲染方式，张乾泽还补充道，除了之前提到的 PlatformView 会引入一些不可控因素，从设计上让 LayerTree 变得不那么纯粹以外，它对于旧 Android设备存在一些兼容问题。

郭树煜：Flutter 开发实战与前景展望

为了这次分享郭树煜特意从珠海赶到深圳。他详细分享了Flutter 实战中的经验。包括 var 语法糖、操作符、可作为参数的方法、Maxin等 Darts 的一些语法特点。还有在 Flutter 中常见的ChangeNotifier、InheritedWidget、StreamBuilder的用法，以及Flutter 中的手势、动画和动态管理。

Google 在今年的 I/O 大会上发布了 Flutter Web。郭树煜也在第一时间上手尝试了一下，他分析到：

flutter 作为一个UI 框架，与平台无关，在web上利用的是dart2js的能力。 比如Image

• 因为 Flutter 是一套 UI 框架，整体 UI 几乎和平台无关，这和 React Native 有很大的区别。

• 在 flutterweb 中 UI 层面与渲染逻辑和 Flutter 几乎没有什么区别，底层的一些区别如： flutterweb 中的 Canvas 是 EngineCanvas 抽象，内部会借助 dart2js 的能力去生成标签。

• React Native 平台关联性太强，而 Flutter 在多平台上优势明显。我们期待官方帮我们解决大部分的适配问题。

为了方便大家理解，演讲人已经基于演讲内容整理了一篇文章，详见今天推送的第二篇文章。

圆桌讨论

在圆桌环节，我们还邀请了曾任职过阿里、腾讯的移动端高级开发工程师、掘金小册《Flutter 完全手册》的作者小德，一同参与了讨论。几位演讲人都认为，以目前 Flutter 的成熟度来讲，开发者最好是在新的项目中来应用它。目前在已有项目中采用 Flutter 的都是一些大公司，而且都只是在部分页面采用了 Flutter，这需要开发者有能力自定义化 Flutter的代码，要求非常高。

另外，在这个环节中，几位演讲人也分享了学习 Flutter的思路，以及在实际项目应用中，需要注意的问题。我们会在稍后分享出现场视频，大家可以关注或收藏「阅读原文」的回顾地址，敬请期待。

小花絮

这是我们第一场由RTC 开发者社区的成员协助策划、组织的线下活动，这里要感谢@Panda、@香吉士。同样，也要感谢演讲人们，比如当天需要往返深圳、珠海两地的郭树煜，还有活动前一天刚刚回国就赶来的小德。

这次参加活动的小伙伴们中有带着女儿一同来“过周末”的，也有从珠海远道赶来的，还有一位更是把自己研发团队都带来一起参加。实实在在感受到了大家学习的热情。

演讲人的 PPT 已经上传至社区，可点击「阅读原文」获取。