「360 技术」 7.27 Flutter 技术沙龙回顾

最新推荐文章于 2024-04-05 05:20:50 发布

原创最新推荐文章于 2024-04-05 05:20:50 发布 · 272 阅读

CC 4.0 BY-SA版权

本文回顾了360技术组织的一场Flutter技术沙龙，涵盖Flutter的加载显示、多平台应用、Widget详解及开发变化。360技术经理何烁介绍了团队如何采用Flutter，而来自不同背景的分享者深入讨论了Flutter的各个方面，包括生命周期、跨平台应用以及开发体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

昨天顶着 36 度高温去参加了「360 技术」组织的大型线下基友见面会，这里做一个回顾。

昨天的主题有四个：

640?wx_fmt=png

大会开始

大会开始，360 导航高级技术经理「何烁」做开场语，讲解「360 技术」和「Flutter」的相遇：

360 技术团队因为没有客户端开发人员，所以从去年 12 月份开始调研 Flutter ，随后通过 Flutter 开发的应用成功上线了好几版应用。笑称：“我们的 APP 版本才1.2，Flutter 都1.7了，足以证明 Flutter 技术发展之快。”

640?wx_fmt=png

随后邀请「Flutter 中国区开发者」做演讲：

Flutter 是由 Google 驱动，但是是由全世界的开发者共同打造的 SDK，平时工作全是靠 issue，所以提议大家有什么好的建议和bug 都要去 issue 提交，Flutter 团队会根据重要性来依次解决。

640?wx_fmt=png

后面就开始了大会的四个主题。

1. Flutter 从加载到显示

分享人：「刘圣文」360 Android工程师

640?wx_fmt=png

该主题分享了稍微偏底层的知识，从 runApp 方法出发：

void runApp(Widget app) {	
  WidgetsFlutterBinding.ensureInitialized()	
    ..attachRootWidget(app)	
    ..scheduleWarmUpFrame();	
}

讲解了页面是如何从这「三步走」里展示出来的，这里我只简单的说一下这三个方法的作用：

1.ensureInitialized：创建并初始化一个 WidgetsBinding2.attachRootWidget：把 app 添加到 renderViewElement3.scheduleWarmUpFrame：安排一帧运行，而不是等待全部完成再运行

2. 无处不在 Flutter

分享人：「孙凯」快手 iOS工程师

640?wx_fmt=png

该主题分享了 Flutter 在各个平台当中是如何落地的，以及想要迁移现有 Flutter 项目到某个平台该如何去做。

比如现有 Flutter 项目想要在 Mac 上面跑起来，其实只需要删除一些类库就ok，因为 iOS 和 macOS 的差异是比较小的。

3. Flutter Widget 详解

分享人：赵岩 360 web工程师

640?wx_fmt=png

该主题主要分享了一些常用的 Widget，以及他们的生命周期和使用方法。

在开始的时候放出了一个二维码，是 360 上线的一个应用，叫「南瓜屋故事」，

该 APP 目前只在 Android 上线了，iOS 还未上线。

有兴趣的同学可以到「南瓜屋」官网：www.nanguawu.com^[1] 下载尝试。

4. Flutter 开发的变与不变

分享人：小德无业游民

640?wx_fmt=png

小德老师是从凌晨到的国内，然后又坐车来的北京。一天没睡，非常辛苦。

该主题主要讲解了一下从 Native 到 Flutter 开发的转变过程和 Flutter 开发的一些知识点，

例如都说 FLutter 是单线程，那么为什么可以请求网络的时候不卡顿等等。

最后

这里只是简单的对大会内容的回顾，

官方说周三能发出来 PPT，到时候我也会传到网盘，供大家来下载！

抽奖虽然没抽中，不过还是会继续关注「360 技术」的。

大家如果对某些技术感兴趣，也可以关注「360 技术」公众号，

「360 技术」每个月都会举行一次技术沙龙，来和大家分享探讨知识！

640?wx_fmt=png

References

[1] www.nanguawu.com: http://www.nanguawu.com