使用Flutter开发小程序+App的一种组合思路

最新推荐文章于 2025-11-01 01:06:57 发布

原创

最新推荐文章于 2025-11-01 01:06:57 发布 · 2.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#flutter

本文探讨了Flutter框架的优缺点，尤其是其高性能和优秀的动画设计。虽然Flutter需要熟悉原生代码，但提出了将其与小程序运行时结合的思路，如FinClip，以实现「小程序+App」的Hybrid开发方案。该方案具备跨平台能力，超越H5体验，并支持热更新。文中还介绍了京东、美团等大厂在Flutter小程序方面的实践以及使用FinClip将小程序转换为App的步骤。

Flutter框架的优点

Flutter的优点非常明显，如果你选择一个跨平台框架，与众多基于html的跨平台框架相比，Flutter绝对是体验最好，性能与构建思路几乎最接近原生开发的框架。
1、性能强大且流畅。Flutter基于dom树渲染原生组件，直接在两个平台上重写了各自的UIKit，对接到平台底层，减少UI层的多层转换，UI性能可以比肩原生，这个优势在滑动和播放动画时尤为明显。
2、路由设计突出。Flutter的路由传值非常方便，push一个路由，会返回一个Future对象（也就是Promise对象），使用await或者.then就可以在目标路由pop，回到当前页面时收到返回值。
3、优秀的动画设计。Flutter的动画非常简单，动画对象会根据屏幕刷新率每秒产生很多个（一般是60个）浮点数，只需要将一个组件属性通过部件（Tween）关联到动画对象上，Flutter会确保在每一帧渲染正确的组件，从而形成连贯的动画。
这种十分暴力的操作在Flutter上却看不到明显的卡顿，这也是Flutter的一个魔力所在。
4、可选静态的语言（Dart）。Dart是一个静态语言，这也是相对于js的一个优势。Dart可以被编译成js，但是看起来更像java。静态语言可以避免错误，获得更多的编辑器提示词，极大的增加可维护性。很多js库也已经用ts重写了，Vue3.0的底层也将全部使用ts编写，静态语言的优势不言而喻。