hybrid、react-native、weex和flutter的简单理解

约定不等于承诺〃 2023-07-24 08:58 14阅读 0赞

移动端跨平台开发从最初的hybrid到react-native、weex，再到最近Geogle新推出的flutter移动UI框架，体验和性能越来越接近原生应用。

这几种APP开发方式中自己亲身体验过的有hybrid、weex、flutter这三种，其中最为熟悉的是weex开发模式。

大家都知道hybrid即为web+native的混合开发模式，优点就是拥有了web开发的服务端发布即可更新的便捷性，Android和iOS两端可以共用代码，并且web技术已经非常成熟，开发效率也会很高。缺点就是众所周知的性能相比native有很大的不足，且不同机型和系统版本下的兼容性较差。

react-native与weex开发APP是很类似的，两者都是将对应的react源码或者vue源码编译成js文件，在native通过Android和iOS的渲染引擎进行解析渲染，最终以native界面的方式进行展示，这种开发方式同样拥有hybrid的跨平台开发的优点，并且相比于hybrid性能要好很多。

weex和react-native两种开发方式的区别：

weex的核心思想是write one，run anywhere。即写一套代码，各个平台都有可以运行。

react-native是learn once，write  anywhere。即学习一种语言，可以编写各个平台。

由此可见，weex开发在理论上是更加高效的，但是鉴于现在react-native社区相较于weex社区要活跃很多，有很多的开源组件、模块和解决方案，当前实际开发的话weex不一定会比react-native更有效率。

weex还有一个我认为很吸引人的实现热部署更加便捷，服务端发布js文件后，客户端用户即可无感知更新，且不需要开发人员做很多的处理，至多是为了用户体验，添加一些缓存策略。

而flutter开发个人认为在未来会统一移动端的开发，其与weex和react-native相比性能更佳，且对iOS和Android两端的兼容性也更好了，社区也非常活跃，不过应该还需要一段时间的完善和积累，目前仍然不具备热部署的能力并且与weex相比目前还不兼容web端。不过在flutter的规划中可以看到其开发团队在未来会逐渐支持这两项能力。

未来一定是flutter的。

并且其他开发方式中基本都能支持hybrid的方式，因此这里就不在与其进行比较了。

flutter虽然说性能高，但是现在的实践案例仍然比较少，期待它的完善。

发表评论取消回复

表情：

评论列表（有 0 条评论，14人围观）

还没有评论，来说两句吧...

相关阅读

相关简单理解【编码】和【字符集】

字符集和比较规则简介字符集简介首先在这里推荐一本书籍《编码：隐匿在计算机软硬件背后的语言》，这本书深入浅出地介绍了计算机底层相关的诸多内容。我们知道在计算机

淡淡的烟草味﹌/ 2024年04月03日 09:59/ 0 赞/ 148 阅读

相关 hybrid、react-native、weex和flutter的简单理解

移动端跨平台开发从最初的hybrid到react-native、weex，再到最近Geogle新推出的flutter移动UI框架，体验和性能越来越接近原生应用。这几种APP

约定不等于承诺〃/ 2023年07月24日 08:58/ 0 赞/ 15 阅读

相关 Flutter架构理解

1、Flutter架构图 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6L

客官°小女子只卖身不卖艺/ 2023年07月02日 05:25/ 0 赞/ 19 阅读

相关 Flutter MediaQuery简单使用

1.通过`MediaQuery.removePadding`可以移除元素的pandding，需要注意要指定移除哪个方向的padding，例如移除上面的padding

曾经终败给现在/ 2022年12月25日 00:50/ 0 赞/ 150 阅读

相关 gomod和govendor的简单理解

go module是Go语言默认的依赖管理工具，且没有必要在GOPATH中创建项目了。常用命令： go mod init 初始化当前文件夹, 创建go.mo

妖狐艹你老母/ 2022年08月29日 15:57/ 0 赞/ 261 阅读

相关简单理解==和equals

我们比较无非就是这两种 1、基本数据类型比较 2、引用对象比较 1. == 是一个运算符。　　2.Equals则是string对象的方法，可

怼烎@/ 2022年08月21日 07:46/ 0 赞/ 211 阅读

相关简单理解IOC和DI

（一）IOC(Inversion of Control)：控制反转 Spring的IOC容器获得控制权。（1）在类内部不为对象a赋值 public clas

雨点打透心脏的1/2处/ 2022年06月11日 03:09/ 0 赞/ 256 阅读

相关 Http和Https的简单理解

原文的很多信息出自 http://www.cnblogs.com/wqhwe/p/5407468.html 加了点自己的理解,谢楼主分享超文本传输协议HTTP协议

我不是女神ヾ/ 2022年06月08日 10:41/ 0 赞/ 277 阅读

相关 Flutter 简单布局技巧

前言年后一直在做Flutter开发, 到现在进行了一个多月了, 趁着项目暂时告一段落总结一下布局的小技巧. 欢迎关注我的[Gthub][]和[CSDN][]. ps

今天药忘吃喽~/ 2022年01月20日 05:21/ 0 赞/ 422 阅读

相关 List、Set和Map的简单理解

集合类比较多，记忆起来容易弄混先来一张结构图： List和Set都是接口并都继承了Collection接口，所以它俩都属于单列集合。 List的子类最

冷不防/ 2021年09月15日 07:32/ 0 赞/ 405 阅读