从 React Native 到 Flutter，移动跨平台方案的真相

最新推荐文章于 2024-11-11 19:29:13 发布

前端核心技术

最新推荐文章于 2024-11-11 19:29:13 发布

阅读量973

点赞数 15

分类专栏：前端程序员文章标签： react native flutter react.js

本文链接：https://blog.csdn.net/m0_60388261/article/details/136795987

版权

前端程序员专栏收录该内容

9 篇文章 0 订阅

订阅专栏

那什么是「跨平台开发」呢？

通常意义上来说，如果你想在 iOS 以及 Android 系统里，提供有相同内容的 App，那么使用 Apple 提供的构建工具，开发一个 App，然后上架到 AppStore，同时使用 Google 提供的构建工具，开发一个 App，然后上架到 Google Play。这两个 App 的实现，除了使用的工具不同之外，大部分业务逻辑是相同的。你可以发现，在这个过程中，产生了「重复」。

在重构时，如果项目里有大量的重复代码，或者重复逻辑，我们一般会将这些代码或逻辑以函数，模块或库的形式做封装，这个过程最大化的消除了重复的代码，最终达到简化项目的代码这一目的。

所以在我看来，「跨平台开发」也是基于这个思想而产生的，人们想要一套减少甚至不用写重复逻辑的解决方案，然后市场给予了人们期望的方案。跨平台方案的最大特点，可以用 Sun 当年在推广 Java 时，所使用的一句口号：”Write once, run anywhere” 作为总结。这一句话，也被如今的 React Native 以及 Flutter 引用或继承。

React Native

React Native 是由 Facebook 所主导的跨平台方案，得益于 Javascript 以及 ReactJS 的流行，React Native 在推出时，便受到了大量的追捧。除了跨平台的特性，React Native 最大的特点就是，可以使用 Javascript 来构建移动应用，并且最终应用的表现形式，可以做到和使用原生开发套件开发的应用相差无几。

React Native

React Native 能做到这些的核心原理就是 JavaScriptCore，一个 JavaScript 虚拟机。通过 JavaScriptCore，Javascript 能和其它语言互相转义，同时 JavaScriptCore 能运行在 iOS，Android 以及其它平台上，这些可能性放在一起，就成为了 React Native 的基底。有了这个基底之后，Facebook 便在这个基础之上，封装了各平台的应用层接口，定义了 Javascript 和封装后的接口之间的通信协议，最终，实现了使用 JavaScript 在不同平台开发具有原生体验的应用。

从实现原理以及架构上来看，React Native 似乎是一个不错的跨平台方案，只要封装好各平台的 API，那么我们有理由去相信，人们能够使用 React Native 开发出品质优秀的应用。但是事实上，理想和现实，还是有差距的。在 18 年，Airbnb 以及 Udacity 相继发表了博文，声明全面放弃 React Native，转向原生应用的开发。他们在文章中，提到的最多的就是，React Native 是一个不成熟的方案，虽然它有许许多多的优点，但是这些并不足以去弥补它的缺点带来的损失。Airbnb 以及 Udacity 可能是因为各种预期的理由而放弃了 React Native，不过在我看到 Discord 团队发表的 Why Discord is Sticking with React Native 博文后，算是彻底打消了我在生产环境使用 React Native 的念头。整篇文章看下来，让 Discord 团队仍然继续使用 React Native 的最大原因，似乎就是项目已经使用了它，骑虎难下了。

JavaScriptCore 的局限性，Facebook 在项目管理上的不成熟，以及不断出现的放弃声明，最终让人们发现，React Native 是一个有趣的方案，但并不是一个成熟稳定的方案。

Flutter

就在 React Native 的人气不断下跌的时候，Google 在一个恰到好处的时机，推出了一套跨平台方案：Flutter，将人们的目光再次聚集到跨平台开发上面。

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。