贝壳找房移动端在动态化模块化Flutter的经验总结 | GMTC

Posted 2021-04-29 前端之巅

最近两年，贝壳找房经过高速发展，前端业务越来越庞大，同时需求也急剧增加。B 端主 App 的 Native 页面已经超过 600 个，提高 App 的开发效率来满足研发需求迫在眉睫。

贝壳找房从核心架构进行改造，封装页面框架、建设 UI 组件库、引入 Flutter，一系列改造措施使效率得到很大提升。但梳理过后发现还存在着重复开发的问题，没有将技术做到极致复用。

比如，相似的 UI 布局，可以和 UE 一起统一 UI 布局，做成 UI 模板；比如，占比 35% 的列表页面、表单页面和卡片化页面，分别做成通用页面，后端直接配置数据就可以实现一个新页面，实现 App 0 开发等等。在经过技术调整后，每类页面明确技术方案和实现框架模板，一键生成模板代码，Flutter 页面占比达到 50%，效率成倍提升，相当于 2 个移动端开发，可满足 3～6 个产品经理的需求。

如果你想了解更多研发提效的实践或思考，以及贝壳找房在态化、模板化、Flutter 的落具体落地细节，欢迎到 11 月 23-24 日的 GMTC 全球大前端技术大会（深圳站）听听贝壳找房移动端架构师孙旭东老师的演讲，也可通过探讨交流，获取更多实践经验。

演讲提纲

1. 贝壳找房移动端介绍；

2. Flutter 试水的苦与甜；

3. 占比 35% 的页面，Native 动态化实现，做到 App 0 开发；

4. 占比 50% 的页面，Flutter 模板化，节省 50% 开发资源；

5. 提效方案的两大思想：解耦，复用。

目前大会 8 折优惠报名，限时立减 960 元，直接联系票务经理鱼丸：13269078023（同微信），想了解更多大会信息可扫码下图二维码或点击【阅读原文】