关于flutter:都2021年了还有必要学Flutter吗

3次阅读

共计 4355 个字符，预计需要花费 11 分钟才能阅读完成。

因为手机 APP 的运行受不同操作系统的限度，目前大多数的挪动 APP 利用开发依然须要针对不同的零碎环境进行独自的开发。不过，为了升高开发成本、进步代码复用率，缩小开发者对多个平台差别适配的工作量始终是跨平台开发框架谋求的指标。

然而目前，很多开发者还不不确定应该抉择哪种技术来疾速且低成本的开发应用程序，不过如果你熟知跨平台的倒退历史，那么 2021 年可供大家抉择的跨平台计划主选项只有两个：Flutter 或者 React Native。

在正式进行比照之前，首先须要明确一点，即 Flutter 和 React Native 这两个框架都是构建跨平台挪动应用程序的优质框架，但有时做出正确的决定取决于业务应用的角度。因而，咱们选取了九个重要的参数，用于两者的比拟：

由谁提供技术支持？
框架的市场份额占比。
Dart Vs JavaScript
技术架构
性能
是否对开发者敌对，便利性和社区反对
UI 组件和定制
代码的可维护性
开发者的工作老本

Flutter 与 React Native 两大框架背地都站着科技巨头，别离是谷歌和 Facebook，所以从这个角度来看两者将来会在竞争中变得更加欠缺，毕竟他们背地都本人的利益链。

首先，咱们来看一下 Flutter，Flutter 是 2017 年由谷歌正式推出，是一个先进的应用程序软件开发工具包（SDK），包含所有的小部件和工具，实践上能够让开发者的开发过程更容易和更简略。宽泛的小工具抉择使开发人员可能以一种简略的形式建设和部署视觉上有吸引力的、原生编译的应用程序，用于多个平台，包含挪动、网络和桌面，都应用繁多的代码库。因而，Flutter 利用程序开发公司有更好的机会，能够确保你更快、更快、更牢靠的利用程序开发解决方案。

事实上，Flutter 早再 2015 年 Dart 开发者峰会上便以“Sky”的身份亮相，Flutter 具备几大买点：首先它是收费的，而且是开源的；其次，该架构基于风行的反应式编程，因为它遵循与 Reactive 雷同的格调；最初，归功于小部件体验，Flutter 应用程序有一个令人欢快的 UI，整体来说转化为应用程序看起来和感觉都不错。

咱们再来看一下 React Native，React Native 也是 Facebook 在 2015 年推出的一个跨平台原生挪动利用开发框架。React Native 次要应用的是 JavaScript 开发语言，对于应用同一代码库为 iOS 和 Android 开发应用程序来说十分不便。此外，它的代码共享性能能够更快的开发和缩小开发工夫。像其余跨平台技术一样，Flutter 容许开发者应用雷同的代码库来构建独立的应用程序，因而，相比原生应用程序更容易保护。

当然，Flutter 和 React Native 都反对热重载性能，容许开发者间接在运行中的应用程序中增加或纠正代码，而不用保留应用程序，从而减速了开发过程。除此之外，React Native 是基于一种十分风行的语言 –JavaScript，开发者更易上手；React 组件包裹着现有的本地代码，并通过 React 的申明性 UI 范式和 JavaScript 与本地 API 进行交互，React Native 的这些特点使开发人员的工作速度大大放慢。

整体上来说，这两者的市场份额是非常相近的，但 Flutter 在最近有青出于蓝之势。2019 年和 2020 年寰球软件开发公司应用的最佳跨平台挪动利用开发框架时，其后果是 42% 的开发者更违心留在 React Native，而 39% 的开发者抉择了 Flutter。依据 StackOverFlow 的数据，68.8% 的开发者喜爱应用 Flutter 进行进一步的开发我的项目，而 57.9% 的开发者对应用 React Native 技术进行利用开发进一步体现出趣味。

不同的市场报告有不同的统计数字，Flutter、React Native 到底孰强孰弱或者只能从一些市场趋势中窥见一二：

市场趋势一：谷歌 Google Trends 的统计数字显示，在过来 12 个月的剖析中，Flutter 的搜寻指数已反超 React Native。
市场趋势二：更年老的 Flutter 在 Github 上领有 16.8 万名成员和 11.8 万颗星的社区，而更成熟的 React Native 在 Github 仅有 20.7 万名成员和 9.46 万颗星。

趋势三：依据 Statista 的数据，React Native 以 42% 的市场份额力压 Flutter，但 Flutter 与 React Native 的差距正变得越来越小，其在一年内市场份额从 30% 急剧跃升至 39%。

Flutter 所采纳的 Dart 开发语言是谷歌 2011 年在丹麦奥尔胡斯举办的 GOTO 大会上亮相的，Dart 是一门面向对象的、类定义的、单继承的语言，它的语法相似 C 语言，能够转译为 JavaScript，反对接口 (interfaces)、混入(mixins)、抽象类(abstract classes)、具体化泛型(reified generics)、可选类型(optional typing) 和 sound type system，并且具备 AOT 与 JIT 编译器，Dart 的最大劣势在于速度，运行比 JavaScript 快 2 倍，不过 Dart 作为一门较新的语言，开发者还须要相熟 Java 或 C ++ 的利用程序开发工作才更易上手。

而 React Native 则采纳的为曾经在 IT 行业广泛应用多年的 Javascript 语言，相似于 HTML 的 JSX，以及 CSS 来开发挪动利用，因而相熟 Web 前端开发的技术人员只需很少的学习就能够进入挪动利用开发畛域，不过 JavaScript 线程须要工夫来初始化，所以导致 React Native 在最后渲染之前须要破费大量工夫来初始化运行，不过 React Native 曾经公布了降级线路，并且会在最近开源降级的版本，置信随着 React Native 新版本的公布，性能上将会追平 Flutter。

如果单从技术上讲，Flutter 相对是一个先进的跨平台技术计划，它提供了一个分层的架构，以确保高度的定制化，而 React Native 依赖于其他软件来构建反馈组件，并应用 JavaScriptBridge 来桥接原生本地模块的连贯。桥接会影响性能，即便产生轻微的变动，而 Flutter 能够在没有桥接的状况下治理所有。

Flutter 提供的分层的架构，为简略疾速的 UI 定制铺平了路线。它被认为能够让你齐全管制屏幕上的每一个像素，并容许挪动利用开发公司整合叠加和动画图形、文本、视频和控件，没有任何限度。

Flutter 挪动平台与其余 Web 平台的架构略有差别，不同平台雷同的公共局部就是 Dart 局部，即 Dart Framework。Flutter 的公共局部次要实现了两个逻辑：第一，开发人员能够通过 Flutter Ui 零碎编写 UI，第二应用 Dart 虚拟机及 Dart 语言能够编写跟平台资源无关的逻辑。同时这也是 Flutter 跨平台的外围，和 Java 程序能够在 Linux,Window，MacOs 同时运行，Web 程序能够在任意平台运行相似。通过 Dart 虚拟机，UI 及和零碎无光的逻辑都能够用 Dart 语言编写，运行在 Dart 虚拟机中，是跨平台的。

而 React Native 依赖于其他软件来构建反馈组件，其架构整体上分为三大块：Native、JavaScript 与 Bridge，其中 Native 治理 UI 更新及交互，JavaScript 调用 Native 能力实现业务性能，Bridge 在二者之间传递音讯。React Native 中次要有 3 个线程，利用中的主线程 UI Thread、进行布局计算和结构 UI 界面的线程 Shadow Thread 与 React 等 JavaScript 代码都在这个线程执行工作的 JS Thread。

正因其依赖于其他软件来构建反馈组件，因而在启动上会受到以下，必须先初始化 React Native 运行时环境（即 Bridge），Bridge 筹备好之后开始 run JS，最初开始 Native 渲染。从架构上来看，Flutter 的确性能更高，也更合乎当下跨平台开发的需要。

当波及到构建企业应用程序时，社区反对是必须查看的因素。而 React Native 和 Flutter 都在行业中倒退了多年，并且在谷歌与 Facebook 两大巨头的反对下都有最新的技术更新与宽泛的社区反对。而随着每一个递增的版本和技术更新，社区对该框架的趣味和需要逐步减少。让咱们理解一下这两个框架在社区参加方面的状况。

React Native 在 2015 年推出，其社区始终处于成长阶段，Github 上对该框架的贡献者数量就是证实。然而，只管 Flutter 还很年老，也比拟新，但它正在已开始显示青出于蓝之势。

无论你开发的应用程序如许杰出，为了使其顺利运行，一直地降级和调试是必要的。与 Flutter 相比，用 React Native 保护代码真的很艰难。

在 React Native 中，当你为了开发适配不同零碎的应用程序时就须要离开编写适配代码，它会烦扰框架的逻辑，从而减慢了开发过程。另外，在 React Native 应用程序中，大多数本地组件都有一个第三方库的依赖性，所以保护这些过期的库的确是一个具备挑战性的工作。

对于 Flutter 来说，因为代码逻辑绝对简略，不须要适配不同的操作系统，保护代码就要容易得多，容许挪动应用程序开发人员轻松发现问题，为内部工具和反对第三方库提供数据撑持。

此外，与应用 React Native 的热从新加载性能相比，在 Flutter 中公布品质更新和对应用程序进行即时更改所破费的工夫也比 React Native 体现更好。

无论是一个初创公司还是一个先进的互联网企业，开发成本总是大家比较关心的内容。因而，当你抉择雇用反馈原生开发公司或 Flutter 应用程序工程师时，你可能须要评估他们的费率，不同的中央有不同的开发成本。

因而，在正式启动我的项目之前，无论是 Flutter 还是 React Native，都须要思考开发人员的素质，如教训、专业知识、我的项目解决等开发成本问题，以评估开发人员的理论小时费用，上面是 Flutter 和 React Native 的一个开发成本的问题。

除此之外，在抉择 Flutter 还是 React Native 的问题上，咱们还须要思考他们的自定义开发能力。
Flutter 和 React Native 都有一套属于本人的 UI 组件和小工具。并且，Flutter 就以其丑陋的 UI 原生型小部件而闻名，这些小部件由框架的图形引擎进行渲染和治理。

而 React Native 只提供了适应平台的根本工具，如按钮、滑块、加载指示灯等根底组件，如果须要开发简单的性能，就须要应用第三方组组件。

正文完