一、了解Flutter
Flutter 为软件开发行业带来了革新:只要一套代码库,即可构建、测试和发布适用于移动、Web、桌面和嵌入式平台的精美应用。
- 2018 年的1.0 版本,
- 现在最新版本为3.7,不断完善
- Google 推出后,阿里、腾讯等一线大厂重视,Flutter 的生态不断完善,已成为跨平台的主流技术(招聘网站上有需要flutter 的岗位)
Github 上的数据:
Flutter: 156k star, 85k issues(closed: 87%)
RN: 111k star, 25k issues(closed: 94%)
二、Flutter Demo
三、Flutter与RN 对比
Flutter | RN | |
---|---|---|
发布时间 | 2018年 | 2015年 |
语言 | Dart (学习成本较高) | JS |
平台支持 | android、iOS、Web、PC | android、iOS |
文档及组件 | 全(文档较清晰、组件丰富) | 全 |
开发速度 | 高 (开发时JIT/发布时AOT) | 高(JIT) |
一致性体验 | 高(自渲染) | 低(转换为原生组件) |
版本发布 | 灵活性低(与原生一致) | 灵活性高(可独立维护版本) |
react-native框架原理图
Flutter框架原理图
四、丰盒分析
在之前项目抽取出来的RN 容器(含版本维护)、H5容器,已集成常用的基本API 库。
优点:
-开箱即用,支持插件化
缺点:
- 框架较重(demo 就大于30MB了)
- 框架抽取出来后,还有些问题,依赖集团维护(不太及时)
五、结论
先使用Flutter+H5(效果类似原生+H5), 后续由项目发展,需要插件化,再集成丰盒(RN 部分)