大前端新技术Flutter实践.pdf

大前端新技术Flutter实践 1 客户端挑战 1 2 思路 2 3 业内方案 3 CONTENTS 4 语言对比 5 Flutter的优势 6 业务特征 客户端挑战 效率 UI还原 多端开发 质量 帧数/流畅度 Crash率/Abort率 思路 跨平台的意义在于解决的是端逻辑的统 一 ，至少避免了逻辑重复实现 保证质量的前提下，寻找一种可以接近原 生体验的跨端方案 业内方案 语言对比 Flutter的优势 ➢ 原生性能：AOT/更快的渲染引擎 ➢ 多端一致性：多平台高度的一致性 ➢ 友好而高效的研发体验：hot reload/attach debug/coroutine Flutter 的平台无关能力能带来什么？ 1、某些功能页面，可以一套代码实现，利用插件安装引入， 在web 、移动app 、甚至pc 上，都可以编译出对应平台的高性能代 码，而不会像RN 等一样存在各种兼容问题。 2 、在应用上可以快速实现“降级策略”，比如某种情况下应 用产生奔溃了，可以替换为同等UI 的h5 显示，而这些代码只需要 维护一份。 React Native VS Flutter ➢ 性能:框架底层决定性能上Flutter 的确实会比React Native 好 ➢ 支持:第三方包质量参差不齐,Flutter 是弱于React Native ➢ 上手难易:Flutter 配置环境和运行的“成功率”比React Native 高 不少 ➢ 稳定性:Flutter 中大部分异常是不会引起应用崩溃，更多会在 Debug 上体现为红色错误堆栈，Release 上UI 异常等等 如果你是前端，推荐你学React Native，如果你是原生开发，推荐学 Flutter 业务特征 ➢一次性的活动页面-H5 ➢布局简单的页面-RN ➢对动画、手势有特殊要求-原生or Flutter ➢在旧客户端版本上迭代-H5 or RN ➢创新性业务-RN or Flutter