拥抱Flutter:关于Google Flutter Party的访谈

Posted 2021-04-29 闲鱼技术

导语

Flutter作为google fuchsia的UI framework在此次google io 2018出现了多个分享主题。内置的Material Design支持、跨平台能力与高性能的渲染机制，吸引了大量开发者的关注。
闲鱼技术团队从flutter alpha版本开始，一直关注flutter技术，保持与flutter团队的高频互动，结合自己的业务特点和技术架构，推动了flutter hybird架构的实践工作。成为flutter在全球大规模商业应用的典型样版。

背景

Google IO 2018首日，flutter团队定向邀请全球的早期开发者参与flutter party，共同分享flutter应用实践和交流对其生态的演进看法。闲鱼团队酒丐和上叶也参与了此次party，并与flutter核心开发团队成员进行了一些技术问题和flutter生态演进的意见交换。

请简单的介绍下Google IO 2018的整体感受

酒丐：最震憾的感受是来自于google ceo Sundar Pichai所演示的Duplex AI call，完美的语音通话体验，让我们感受到巨大的危机，难以理解的自然语言/上下文的特指含义/适时的语言语调这些难题仿佛都已被解决，让我有对Google Duplex团队肃然起敬。总结起来就是：我知道世界终将被改变，但没想到这么快。

能分享一下你觉得在Flutter Party上的有趣的事吗？

酒丐：Flutter Party是一个非常有趣的活动，他们邀请了很多的早期使用flutter的开发者和贡献者来参加这个party。你可以在这个party里找到很多有意思的人并和他们交谈。其中我记忆最深刻是与Chris Bracken (flutter ios工程师）的交谈，我抱怨了flutter在arm v7架构上的糟糕表现（经常性的crash），这个满头白发的可爱老小伙居然从口袋里掏出一个iphone 4s同我说我知道你的问题后就把手机换成了它，你所说的问题会在明天的commit里解决。（噢，你太调皮了）

能分享一下闲鱼与Google Flutter团队合作的思考吗？

酒丐：我们从flutter alpha就开始跟进这个项目，我们一直在寻求一个高性能的跨端移动UI框架（你能想到的phoneGAP/Reactive/...我们都认真研究过）。在认真的阅读了flutter文档中介绍的工作原理和架构设计和细入的预研测试工作。结论它是我们想要的但不成熟的解决方案，使用它意味着我们要面对大量的功能缺失/稳定性/缺乏工具支持的问题，我们不想独自面对这些问题。在经过我们与flutter团队的关于关键技术问题和合作方式探讨后，我们选择了共同合作来解决这些问题。 在flutter party上，我们向Flutter团队介绍如何通过ui视觉搞生成flutter代码并自动打包编译运行后的效果，他们很感兴趣，认为这真是个很棒的idea，并期望可以成为flutter工具链的一员。

这太有趣了，能说说你们怎么做的吗？

酒丐：先通过图片算法获取到ui视觉稿的背景色调，然后进行组件切割，将视觉搞切割为一个一个小的视觉单元，并记录他们的位置。 现在通过AI分类算法，对闲鱼的视觉样式进行训练，识别出这些视觉单元的类型和属性。再通过多层LSTM加上正则化辅助，进行ui组件间的布局预测，生成一个布局文件。 这个布局文件就可以生成基于flex的dsl，flutter能很好的支持flex布局，让dsl转flutter代码其实很简单，只需进行规则替换就能完成。 后续我们希望和Flutter团队合作，将这些工程化到flutter的开发工具里。 ui组件的代码生成只是我们一部分的工作，我们还在研发基于人工智能的databinding和action。 随着这些工作的深入，我们会将这些工具回报给flutter社区，也期望对此感兴趣的同学可以联系我们来加速这个过程。

总结

感兴趣的读者可以从我们过去发布的一系列flutter文章了解我们的工作。

深入理解Flutter引擎线程模式
Flutter关于“行内图片”与文本流混排的简单实现
Flutter Plugin 解析
Flutter工程改造实践
Flutter(Beta) + 闲鱼 = Release

备注：为更正一位合作伙伴的中间名，我们对本篇文章执行了重发操作。

删掉前篇预期带来部分用户收藏、点赞随之消失，但经过慎重考虑，秉承闲鱼团队一贯珍惜合作伙伴、注重以人为本的态度，对本篇进行重发。还请各位同学勿见怪：）未来小编一定会更加仔细检查的～