跨平台真的香吗？ 曾几何时，以RN为代表的跨平台的技术一经推出。得到无数掌声。也为互联网创业者看到新的希望。他们一度认为，跨平台是万能的。可以帮助他们解决一切问题，甚至一些技术经理，觉得不赶上跨平台技术的大潮。就仿佛就落伍了。跨平台的方案，一套又一套的推出。技术一代又一代演进，一直到今天，有人力推，有观望，有人嗤之以鼻。这是为什么呢。我将在下面的文章进行深入分析一下。 APP跨平台开发是目前比较热门的方向，采用web框架开发，以web的开发体验快速构建应用，提高了迭代的效率。同时web开发方式大多使用动态语言，能够绕过原生开发限制动态加载，因此具备热加载、热更新的能力。用跨平台技术开发的应用无论性能还是用户体验都很接近原生应用。 Flutter是Google新推出的一款帮助开发者开发高质量原生应用的全新APP跨平台UI框架，它的目标是解决了移动开发中跨平台、高性能问题，一经推出就受到开发者的广泛关注。 下面将介绍几大流行的跨平台开发技术，并从使用成本、开发效率、一致性、动态性和性能等方面作更深入的分析，提供更具体的参考。 几种技术方案 webview 利用安卓和iOS上的webview容器，APP能够执行html、css和js脚本，展示web页面。如果需要原生功能就添加bridge供javascript调用。具有开发效率高、跨平台、支持动态发布等特点，它是目前应用最广泛最成熟的一种方案。 ReactNativeWeex ReactNative和Weex这类方案，使用javascript来构建界面，在运行时翻译成原生组件展示出来，实际上所有界面都是用原生组件。支持跨平台，性能和用户体验高于webview，接近原生应用，是当前热门的跨平台开发技术。 Flutter Flutter使用了一种全新的方式，自己重写了一个平台无关的渲染引擎，它只提供画布，所有的UI组件、渲染逻辑都是在这个引擎上处理的。最大程度上保证了各平台下的一致性，同时也拥有媲美原生的高性能体验。 注：基于webview的框架目前已广泛在APP开发中应用，各种利弊都已得到充分验证，这个技术具有开发效率、跨平台、动态发布等方面的优点，但缺点也明显，性能和用户体验上都很糟糕。接下来，我们重点对ReactNative和Flutter进行分析对比。使用成本 学习曲线 ReactNative采用js语言，基于React，对于前端工程师比较友好，上手成本低。 Flutter使用Dart作为它的开发语言，Dart跟Java有点像，比较简单，上手也容易。但毕竟是门新语言，多少会有些障碍。 接入成本 如果是全新的项目，接入ReactNativeFlutter成本较低，但对于混合开发，接入到现有项目，将是一个巨大的工程。 我们需要考虑如何集成SDK到现有项目，原生页面与ReactNativeFlutter页面如何跳转传值，如何封装原生模块供与ReactNativeFlutter调用，如何打包ReactNativeFlutter与bundle集成，如何部署发布，如何跨端联调等。成熟度 ReactNative是在2015年发布的，经过3年多的发展，已经比较成熟。ReactNative社区发展也很活跃，贡献了大量的开源代码。 而Flutter是在今年6月份才推出发布预览版，社区也刚刚发展。所以，Flutter还需要时间。 以Github上打开的issue的数量来看，截止到20181028，ReactNative有689个，Flutter有4097，这也说明了Flutter目前尚不稳定。当然国内已经开发出了基于Flutter的应用。兼容性 ReactNative没有真正实现跨平台，实际开发中，我们需要去适配和桥接两端的差异性，这带来了额外的开发成本。 Flutter相对来说做到了真正的跨平台，一套代码在两端运行基本没有兼容性问题。动态性 热更新 ReactNative支持热更新。 Flutter的机制目前还不支持热更新功能，仍然需要发版。性能 为了更准确地测量数据，以下性能测试，均使用低端设备，跨平台开发框架使用目前的稳定版本。 其中iOS端设备为iphone6， 开发环境，ReactNative版本：0。50。4，Flutter版本：0。9。4。 测试环境，Release模式。 分别用Flutter和ReactNative实现同一个Demo。Demo只有一个长列表页面，展示随机生成的1万条数据，其中每行有两个本地图标，效果如下： Flutter并没有达到官方宣称的稳定60帧s，在快速划动的时，还是出现丢帧的现象。平均下来FPS为50。5 ReactNative在高性能场景下表现很糟糕，页面渲染跟不上滑动速度，多次出现白屏现象。 Android Flutter 滑动很流畅，未出现白屏现象 ReactNative 滑动很流畅，但是多页之后页面渲染跟不上滑动速度，多次出现白屏现象 总体来说，这些跨平台方案，在性能上，在启动速度，跟原生的应用都有很大的差距。开发的建议 1。如果你的app已经开发了很多年，几年下来已经形成一个庞大项目，可能不太适合进行混合开发，无论性能，还是开发难度比较大。 2，如果你们做一个小型的app，作为技术探索还是可以的。 3，对于创业公司来说，跨平台的app开发解决方案，确实可以提升产品的体验。我们公司也尝试的开发了基于Flutter技术应用。 4。一个重要的一点，RN技术其实在appstore进行审核上也会遇到一些麻烦，苹果是坚决制止热更新功能的使用。
iOS系统停更45天再次改变世界，可惜与我们无关作为iPhone用户，系统更新一直是一个喜闻乐见的事情，可是只从2月8日更新到iOS12。1。4以后稳定版就不再更新了。不出意外的话最新版的iOS12。2要等到3月25日正式推……刹车片怎么选？全球十大制动品牌一览一。布雷博BREMBO意大利布雷博，1961年创立自意大利的知名高性能制动器设计、开发和制造厂商。1975年，法拉利开始在它的F1赛车上装备布雷博制动系统，随后阿斯顿马丁……M1电脑可以体验Windows11系统吗？M1MAC安装wiWin11预览版已经有了，很多M1mac的朋友也想着体验一下Win11的快感，可是苦于没有11的镜像包，或者无法绕过TPM安装。接下来，小编将为大家带来M1MAC安装win11……最高院加强人格权保护法院认定AI陪伴者侵权21世纪经济报道实习记者王巍北京报道今年是民法典施行的第二年。4月11日，最高人民法院民一庭评选出九起人格权司法保护典型民事案例，旨在彰显人民法院人格权司法保护显著成果，……助听器戴了6年了，最近听的不是很好，需要重新买吗？你好助听器戴了6年了，最近听的不是很好，需要重新买吗？一般助听器使用寿命58年，6年助听器的性能肯定有所下降，是可以更换一个助听器了，不过还是要复查听力试听一下新产……如何判断一个APP页面是原生的还是H5页面HybridAPP指的是半原生半Web的混合类App。需要下载安装，看上去类似NativeApp，但只有很少的UIWebView，访问的内容是Web。原生是NativeA……华为不再保留，华为Nova6从3199降至2399，网友终于小米10全球首发骁龙865，关注度最高，再加上确实不错，且前期只有小米10有货，销量已经突破10万台。但是随着越来越多的新机上市，小米10的优势也会越来越少，直至被后面的旗舰淹……回音壁何德何能？能成为继传统家庭影院后观影的不二选择电视音质不堪入耳现在的电视越来越先进，越做越薄，但是音质并没有跟上，而且还退步；以前有些老电视上面，都是专门搭配木质的音箱。这就为什么有些烧友还在拼命地掏以前老电视上的喇……海思出货严重下跌，造芯又被徐直军否认，华为手机的出路在哪里？像手机这种没啥科技含量的东西用红米就足够了，俺期待华为能早日生产出普通家庭都买得起的人工智能小婶婶（机器人保姆），为稳定繁荣的高龄社会做出卓越贡献〔大金牙〕真够操心的〔灵……iPhoneXSMax怎么样？只插入单张SIM卡的话，可不可看你的提问，我觉得你应该是在考虑换新手机。我目前自用一台256GBiphone8Plus，我分析一下以下几条，你对比一下，相信你心中会有答案，我姑妄言之，你姑妄听之，如果有不妥……剖析白岩松有关联想五个馒头故事的前前后后谣零零计划最近一段时间有关联想事件的各种论调在各大网络上被大书特书，本来与央视资深主持人白岩松没有半毛钱的关系，可愤怒的网民们在百般敲打联想的杨柳后却没有任何动静，任凭大家兴风……氢能源汽车痛点怎么解决？日本的氢能源汽车起步最早，但到现在也只是刚刚过万辆。氢能源汽车和电动汽车对比，在续航里程、补充能源速度、环保排放方面具备明显优势。但氢能源汽车也有明显的痛点。第一、……