Flutter VS RN,谁更适合做跨平台开发?
跨平台技术解决方案一直是业内热议的话题,无论是当前热门的跨平台技术方案RecatNative还是目前使用依然广泛的webview,又或是Google这两年在大力推广的Flutter,究竟哪种方案更适合跨平台开发呢,争论之声不绝于耳。
4月17日的《HelloWorld》公开课,资深大前端开发工程师,阿佑老师将解答你的疑惑,让你明白,不同的技术团队应该怎么选择对应的跨平台开发框架。
跨平台技术横向对比
没有一个技术解决方案是适合所有的公司和业务的,以ReactNative和Flutter为例,我们从性能,使用情况,接入成本三个方面来综合分析一下二者的优缺点
ReactNative的性能一直是被开发者所诟病的原因之一,而Flutter因为有Skia作为底层的渲染引擎,在性能方面是优于ReactNative的,但正因为如此,由Flutter所开发的软件包要明显大于ReactNative,所以你的团队如果对软件包的大小有严格限制,Flutter不是很好的解决方案。
另一点,Flutter目前只支持Android热更新,iOS端不支持,同时因为Flutter底层是dart,所以开发团队的接入成本是高于ReactNative的。
不过从另一方面来看,Flutter的开发效率是明显高于ReactNative的,并且背靠Google这家巨头,这两年的Flutter增长非常迅猛。
一言以蔽之,如果你追求更高的性能,更快的开发效率那Flutter明显优于ReactNative。但如果你很在意热更新,想要有更低的介入成本,那么ReactNative依然是非常好的选择。

针对ReactNative,《HelloWorld》团队之前特意做了一期ReactNative深度实战公开课,对RN感兴趣的同学可以点击回放链接复习呦,下面我们来着重介绍下Flutter。
Flutter界面开发
Flutter将控件按照按照功能进行划分,详情可以参阅《Flutter中文网》,这里我们列举一些使用相对频繁的控件。
Image
lText
按钮相关类控件(RaiseButton、FlatButton、GestureDetector)
单组件容器布局控件(Container、Padding、Center、Align)
多组件容器布局控件(Row、Column、Stack、Wrap)
l列表类控件(ListView、GrideView、Sliver家族)
Flutter的网络加载方式有三种,官方、第三方插件http、桥接原生的网络请求,具体方式可以参考下面链接
官方推荐的方式:https://docs.flutter.io/flutter/dart-io/dart-io-library.html
三方插件http:https://pub.dev/packages/http
桥接原生的网络请求:
插件查询处:https://pub.dev/flutter/packages
map转model:https://javiercbk.github.io/json_to_dart/
接下来,阿佑老师通过代码实战演练带着学员们熟悉了Flutter常见的控件与功能,对此部分内容感兴趣的同学可以点击跨平台开发之Flutter入门实战观看视频回放呦!

Flutter未来展望
从Google这几年对dart重视来看,Flutter自身也在频繁的更新和优化,从2.0的版本开始,从Web和桌面端过度到Stable版本,增加了空安全、iOS新特性以及新的widget组件来看,Flutter的前景是明朗的。
但阿佑老师也提醒所有学员,Flutter未来会怎么样取决于Google会将它推到怎样的高度,从当下来看,flutter是锦上添花的技能之一。下面是Flutter学习路线的脑图,只要跟着这个路线学,你完全可以利用Flutter处理日常开发需求。
讲师介绍
阿佑老师,从2013年开始做软件开发,做过移动端、RN以及flutter。对于移动端跨平台开发有丰富的开发经验
《Hello,World公开课》是由开课吧推出的面向广大开发工程师的免费加餐课,集结业内名师大咖,聚焦热门技术和实战解决方案,以专业知识分享交流为桥梁,链接正在创造世界的一群科技主力们,向初心致敬,为技术发烧。无论你是初入职场的应届生,还是准备升职加薪的职场精英,相信这里都有你需要的养料。