专题演讲嘉宾：孙旭东

贝壳找房在 2019 年开始使用 Flutter， 搭建完基础设施，上线接近 100 个 Flutter 页面。在使用 Flutter 过程中，遇到一些问题和痛点，为了让更多业务使用 Flutter，提高 Flutter 的开发效率变得很重要。

标准化和复用是我们 Flutter 提效的两大核心，通过统一 UI 标准，统一建设标准 UI 组件库和功能组件库，提炼并复用标准 UI 布局，打通产品经理、UI 设计、开发之间的组件库，在整个开发流程上提效；根据页面类型建设不同页面框架，集成该页面通用能力，作为页面开发的最佳实践并提供模板代码，业务开发同学只需填空编程，做到了代码方案一致、风格一致，使 Flutter 更加容易上手和易用，提高了代码质量和可维护性。

截止 2020 年 9 月份，已经上线160个标准的组件和元件，月使用达到 400 次，有10 个 App 接入，统计不同业务的 41 个新增 Flutter 页面，平均节省 38%的 Flutter 开发时间。

演讲提纲：

1. Flutte r使用一年的问题和思考

• 痛点与问题；
• 标准化的必要性；
• 推广分类场景下最佳实践的必要性；

2. 提高Flutter端开发效率

• UI标准化：统一视觉和交互；
• 开发标准化：分类页面框架，UI组件，功能组件，表单等；
• 新开发模式：打通产品经理、UI设计、开发之间的组件库，形成闭环；

3. 页面框架与模板

• 根据页面类型，集成通用能力，提供模板代码，填空式编程；
• 列表框架，聚焦业务逻辑开发；
• 动态表单框架原理介绍；
• 超复杂页面的 Flutter 实践；
• 难点分享：跨团队共建；

4. 组件与元件

• UI 组件库建设；
• 统一 UI 组件库，安装包瘦身；
• 提效思考：为什么需要 UI 元件？
• UI 元件：UI 标准化后的提效黑马；
• 案例展示，B端平均UI复用率达到60%；
• 难点分享：技术运营；

5. 总结与展望

• 提效总结：标准化与复用；
• 贝壳近两年的 Flutter 历程回顾；
• 未来展望；

听众收益：

1. 针对Flutter上层的基础设施不完善，大家上手难、使用难，开发效率低等问题，贝壳的解决思路；
2. 针对多个团队各自建设UI组件、功能组件等，工程量大，重复建设，UI体验不一致等问题提出自己的实践案例；
3. 针对没有按页面类型的统一的页面框架和模板代码，同样类型的页面，每个同学实现的方法方案各有差异，质量低，代码可读性可维护性低，开发效率低等问题提出解决方案。