移动应用开发：Flutter

2023-11-13 17:33:28

前言
Flutter 介绍
移动应用开发：选择对比
总结
参考

前言

“镜子镜子告诉我，世界上最好的语言是什么”

“当然是... “

开始正文吧。

该篇博文主要记录了Flutter、H5、React Native 及原生开发的选择对比，以及对 Flutter 的介绍（这里主要是因为之后的移动端开发选择了 Flutter）

Flutter 介绍

Flutter 是 Google 推出的一个移动应用开发框架，支持跨平台，即开发者可以通过 Dart 语言实现一套代码同时在 Android 和 IOS 平台上运行。Flutter 除了跨平台这个特性，还在于其提供了流畅的、高保真的 UI 体验，Flutter 内置的组件，丰富的 API ，响应式框架等都给开发带来了便利。

移动应用开发：选择对比

原生开发

原生应用指的是某一移动平台特有的应用（例如 IOS 或 Android ），需要使用不同的语言及调用不同的 SDK 进行开发。
其缺点在于开发成本高，不同平台需要维护多套代码从而增大人力成本；若有新功能更新则要发布新版本，同时用户需下载新版本进行更新。
使用原生开发的优点是可以访问平台的全部功能，且速度快、性能高，整体用户体验好。

H5 技术

H5 移动端开发主要是网页+JavaScript，目前比较流行的 JS 框架有 Vue、React、AngularJS 等都是为了构建网页。这些针对移动端所构建出来的网页可以实现跨平台，相比于原生开发而言，减少了开发及维护的成本；且用户无需每次都下载新版本进行更新。但其也存在明显的缺点：渲染效率低，用户体验差；网页调用设备的硬件 API 较为困难。

React Native

React Native ( 简称RN ) 是 Facebook 在2015年开源的一个跨平台移动应用开发框架，是 React 在原生移动应用平台的衍生产物。RN 使用 JavaScript 语言，类似于 HTML 的JSX 以及 CSS 来开发移动应用。与 H5 开发不同的是，它使用 JS 桥接技术在运行时编译成各个平台的 Native 代码。其优点在于目前的生态较为成熟，也有很多的跨平台应用使用的 React Native ；支持热部署，开发过程中可以节约很多时间。

Flutter

前面介绍了这么多移动应用开发技术，终于到 Flutter 了。在前面的 Flutter 介绍中也已了解到 Flutter 是一个跨平台的框架，可以实现一套代码在不同的平台上运行。

Flutter 在 React Native 的设计思想上又做了很大的优化，它将代码编译成原生代码，并且直接在各个平台中使用其高效渲染引擎 Skia 进行渲染，没有桥接，不调用平台相关控件。

这种设计思想完美解决了不同平台的性能问题。

Flutter 的特点：

有丰富的视图组件
支持热部署，开发时可以像网页开发一样实时看到效果

但它也存在一些不足：目前学习的资源比较少；其相关生态也没有 React Native 那样丰富。

总结

“镜子镜子告诉我，世界上最好的语言是什么”

“当然是... “

你觉得呢？

文章总结想引用知乎上的一个问题的回答：需要开发app和h5,用Flutter靠谱吗？

flutter目前web端并不是那么友好，移动端的话目前除了流畅和生态比原生差点，其它都还好，如果小型项目，而且并不是和硬件打交道比较多，只涉及一些图形交互的业务逻辑的话，建议用uniapp这种类似的H5移动端一站式解决方案。

至于纯原生开发，除非一些经常和系统硬件打交道的App（如摄像头相关的图像处理，平衡仪相关的游戏或者其他业务需求），一般都很少用原生开发。一来项目管理和人力成本因为两个团队的原因会比较大，二来时间上肯定原生开发时间周期更长，三来是没必要。

总体结论：
根据需求来，简单的图形业务App用uniapp这种就够了，网站、移动端App、小程序一套代码稍微修改就可以上线了，稍微追求一点效率和流畅性的用flutter构建移动端，vue做H5，极限点就iOS、Android各自用原生，网页还是用vue。

选择当下最符合业务需求的、最合适的就是最好的。

码农公寓

前言