跨平台移动开发框架之flutter

Posted 2021-04-29 易鑫UED

点击蓝字

简介

      今年我们计划要做一个全新的APP，在正式启动项目之前，肯定要做一下技术调研，方便日后的技术选型。

       虽然之前有过一年的RN开发经验，并且当前原生嵌入vue h5的技术方案也已经成熟了，但作为技术而不折腾技术，就会被信息时代抛弃。

       于是就得去做调研，因为我们要做的APP主要是服务公司内部员工，所以特别适合用来试水新技术，填完坑后再试情况重构老项目！

      目前这个项目还处于实验阶段，在其官网（https://flutter.io/）上明显突出了这一点：

特点

开发语言为Dart：Dart很少能听过，但它有一个目标取代JS，但目前看，还没有成功，之所以选择他是因为框架开发团队和Dart语言发明团队很近，有事好沟通和解决；作为目标替代JS的语言，Dart设计更加严谨，从一开始时就考虑很多使用场景（浏览器，服务端，移动端），基本就像java一样的泛用型语言，所以能构建更为稳定可靠的应用。对于前端和android的同学，这门语言的学习成本其实并不高，大概一两周就能掌握。

自绘UI：Flutter 将 UI 组件和渲染器从平台移动到应用程序中，这使得它们可以自定义和可扩展。Flutter 唯一要求系统提供的是 canvas，以便定制的 UI 组件可以出现在设备的屏幕上，以及访问事件（触摸，定时器等）和服务（位置、相机等）。UI是自绘的并不依赖系统提供的控件，类似于一个简化版的浏览器。这样能够最大限度在android和ios上统一UI，不单止在业务代码上统一，用户体验也能统一（框架的开发者提供了一键切换android和ios的示例），但没有利用系统提供的组件，框架提供的基础组件只能够满足一些简单的页面需求，且还有坑，缺乏必要的测试。

开发体验：开发时支持hot reload，因为收到了react的启发，代码风格和react很像，但不支持jsx，UI复杂的话，代码会太难看。总体来看，目前框架的性能，已经无限接近原生。官网提到能兼容Android 4.1以上 和 ios8以上版本。

如何学习

      建议先上flutter中文社区http://flutter-dev.com/bbs/ 去学习一些中文资料，然后去官网https://flutter.io/搭建环境，把demo运行起来，并阅读相关文档。

          在基本掌握了开发后，能力强的还要去关注源码https://github.com/flutter/flutter/，即使关注它的更新和代码提交，逐步去弄清原理。

           最后，就是有机会最好在工作中进行尝试，相信Google，或许flutter将是接下来三年最火的移动端开发框架，期待。。。